init

constant.js

@@ -1,29 +0,0 @@
-var Constant = {
-	//根据当前环境修改
-	serverUrl: "",
-	query:{}
-};
-//开发环境
-
-if(window.location.href.indexOf("http://127.0.0.1:8848/")>=0){
-	Constant.serverUrl="http://192.168.33.162:8086/jp-employment-server/"
-	Constant.baseUrl="http://xpgj.xiaoxinda.com/jp-employment-mobile"
-}
-
-function getQueryVariable(variable)
-{
-       var query = window.location.search.substring(1);
-       var vars = query.split("&");
-       for (var i=0;i<vars.length;i++) {
-               var pair = vars[i].split("=");
-			   Constant.query[pair[0]]=pair[1];
-       }
-       
-}
-
-getQueryVariable()
-
-if (typeof module != "undefined") {
-  module.exports = Constant;
-}
-export default Constant;

css/timeaxis.css

@@ -0,0 +1,4341 @@
+a:hover {
+
+	text-decoration: inherit;
+
+}
+
+img {
+
+	-ms-interpolation-mode: bicubic;
+
+	border: 0;
+
+	vertical-align: bottom;
+
+	max-width: 100%;
+
+}
+
+#week_nav {
+
+	position: relative;
+
+	top: 0;
+
+	z-index: 15;
+
+	width: 100%;
+
+	height: 60px;
+
+}
+
+.wk_index_main {
+
+	margin-top: -60px;
+
+	width: 100%;
+
+}
+
+#superContainer {
+
+	height: 100%;
+
+	position: relative;
+
+	-ms-touch-action: none;
+
+	touch-action: none;
+
+}
+
+.fp-section {
+
+	position: relative;
+
+	-webkit-box-sizing: border-box;
+
+	-moz-box-sizing: border-box;
+
+	box-sizing: border-box;
+
+}
+
+.fp-slide {
+
+	float: left;
+
+}
+
+.fp-slide, .fp-slidesContainer {
+
+	display: block;
+
+	height: 100%;
+
+}
+
+.fp-slides {
+
+	z-index: 1;
+
+	height: 100%;
+
+	overflow: hidden;
+
+	position: relative;
+
+	-webkit-transition: all 0.3s ease-out;
+
+	transition: all 0.3s ease-out;
+
+}
+
+.fp-section.fp-table, .fp-slide.fp-table {
+
+	display: table;
+
+	width: 100%;
+
+	table-layout: fixed;
+
+}
+
+.fp-tableCell {
+
+	display: table-cell;
+
+	width: 100%;
+
+	height: 100%;
+
+	vertical-align: middle;
+
+}
+
+.fp-slidesContainer {
+
+	position: relative;
+
+	float: left;
+
+}
+
+.fp-controlArrow {
+
+	position: absolute;
+
+	top: 50%;
+
+	z-index: 4;
+
+	margin-top: -38px;
+
+	width: 0;
+
+	height: 0;
+
+	border-style: solid;
+
+	cursor: pointer;
+
+	-webkit-transform: translate3d(0, 0, 0);
+
+	transform: translate3d(0, 0, 0);
+
+	-ms-transform: translate3d(0, 0, 0);
+
+}
+
+.fp-controlArrow.fp-prev {
+
+	left: 15px;
+
+	width: 0;
+
+	border-color: transparent #fff transparent transparent;
+
+	border-width: 38.5px 34px 38.5px 0;
+
+}
+
+.fp-controlArrow.fp-next {
+
+	right: 15px;
+
+	border-color: transparent transparent transparent #fff;
+
+	border-width: 38.5px 0 38.5px 34px;
+
+}
+
+.fp-scrollable {
+
+	overflow: scroll;
+
+}
+
+.fp-notransition {
+
+	-webkit-transition: none!important;
+
+	transition: none!important;
+
+}
+
+#dn-nav {
+
+	position: fixed;
+
+	top: 50%;
+
+	z-index: 100;
+
+	margin-top: -32px;
+
+	opacity: 1;
+
+	-webkit-transform: translate3d(0, 0, 0);
+
+}
+
+#dn-nav.right {
+
+	left: 17px;
+
+}
+
+#dn-nav ul {
+
+	margin: 0;
+
+	padding: 0;
+
+}
+
+#dn-nav ul li {
+
+	position: relative;
+
+	display: block;
+
+	margin: 7px;
+
+	width: 15px;
+
+	height: 15px;
+
+}
+
+#dn-nav ul li a {
+
+	position: relative;
+
+	z-index: 1;
+
+	display: block;
+
+	width: 100%;
+
+	height: 100%;
+
+	text-decoration: none;
+
+	cursor: pointer;
+
+}
+
+#dn-nav ul li a span {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	z-index: 1;
+
+	margin: -3px 0 0 -3px;
+
+	width: 7px;
+
+	height: 7px;
+
+	border: 0;
+
+	border-radius: 50%;
+
+	background: #cfcfd1;
+
+	-webkit-transition: all .2s ease-in-out;
+
+	-moz-transition: all .2s ease-in-out;
+
+	-o-transition: all .2s ease-in-out;
+
+	transition: all .2s ease-in-out;
+
+}
+
+#dn-nav ul li a.active span, #dn-nav ul li:hover a.active span {
+
+	margin: -7px 0 0 -7px;
+
+	width: 15px;
+
+	height: 15px;
+
+	border-radius: 100%;
+
+	background: #90C42F;
+
+}
+
+.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
+
+	height: auto!important;
+
+}
+
+.section {
+
+	position: relative;
+
+	overflow: hidden;
+
+}
+
+.page1 {
+
+	background: #000;
+
+	width: 100%;
+
+}
+
+.wk_slide-wrap {
+
+	position: relative;
+
+	width: 100%;
+
+	height: 100%;
+
+}
+
+.wk_slide-wrap ul {
+
+	width: 100%;
+
+	height: 100%;
+
+}
+
+.wk_slide-wrap li {
+
+	position: absolute;
+
+	top: 0;
+
+	right: 0;
+
+	bottom: 0;
+
+	left: 0;
+
+	overflow: hidden;
+
+	width: 100%;
+
+	height: 100%;
+
+	text-align: center;
+
+}
+
+.wk_slide-wrap li .img {
+
+	position: relative;
+
+	z-index: 9;
+
+	-webkit-transition: all 1s;
+
+	-moz-transition: all 1s;
+
+	transition: all 1s;
+
+	-ms-transition: all 1s;
+
+}
+
+.wk_slide-wrap li.wk_selected .img {
+
+	-webkit-transform: translate3d(0, 0, 0)!important;
+
+	transform: translate3d(0, 0, 0)!important;
+
+	-ms-transform: translate3d(0, 0, 0)!important;
+
+}
+
+.wk_slide-wrap li .text {
+
+	position: relative;
+
+	z-index: 9;
+
+	margin-top: 25px;
+
+	color: #fff;
+
+	font-size: 20px;
+
+	-webkit-transition: all .5s;
+
+	-moz-transition: all .5s;
+
+	transition: all .5s;
+
+	-ms-transition: all .5s;
+
+}
+
+.wk_slide-wrap .wk_banner {
+
+	position: absolute;
+
+	top: 0;
+
+	left: 0;
+
+	z-index: 0;
+
+	height: 100%;
+
+	min-width: 100%;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_banner {
+
+	background: url(../images/banner11.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_slide-wrap li#wk_s1.wk_selected .wk_banner {
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_wrap {
+
+	position: absolute;
+
+	top: 45%;
+
+	left: 50%;
+
+	margin-top: -175px;
+
+	margin-left: -375px;
+
+	width: 750px;
+
+	height: 350px;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_banner12 img {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	margin-top: -5px;
+
+	margin-left: -12px;
+
+	width: 24px;
+
+	height: 11px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner12 img {
+
+	margin-top: -137px;
+
+	margin-left: -300px;
+
+	width: 600px;
+
+	height: 275px;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_banner13 {
+
+	position: absolute;
+
+	top: 0;
+
+	left: -125px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner13 {
+
+	left: 0;
+
+	opacity: 1;
+
+	-webkit-transition-delay: 800ms;
+
+	-moz-transition-delay: 800ms;
+
+	transition-delay: 800ms;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_banner14 {
+
+	position: absolute;
+
+	top: 0;
+
+	right: -200px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner14 {
+
+	right: 0;
+
+	opacity: 1;
+
+	-webkit-transition-delay: 800ms;
+
+	-moz-transition-delay: 800ms;
+
+	transition-delay: 800ms;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_wrap {
+
+	position: absolute;
+
+	top: 45%;
+
+	left: 50%;
+
+	margin-top: -155px;
+
+	margin-left: -372px;
+
+	width: 745px;
+
+	height: 310px;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner {
+
+	background: url(../images/banner21.jpg) no-repeat center;
+
+	background-size: cover;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s;
+
+	-moz-transition: all 1s;
+
+	-o-transition: all 1s;
+
+	transition: all 1s;
+
+	-webkit-opacity: 0;
+
+	-ms-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_slide-wrap li#wk_s2.wk_selected .wk_banner {
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner22 {
+
+	position: absolute;
+
+	top: 0;
+
+	left: -200px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner22 {
+
+	left: 0;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner23 {
+
+	position: absolute;
+
+	top: 130px;
+
+	right: -150px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner23 {
+
+	right: 50px;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner24 {
+
+	position: absolute;
+
+	bottom: -200px;
+
+	left: 50%;
+
+	z-index: 10;
+
+	margin-left: -80px;
+
+	width: 160px;
+
+	height: 38px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner24 a {
+
+	display: block;
+
+	width: 158px;
+
+	border: 1px solid #fff;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-size: 17px;
+
+	line-height: 36px;
+
+	cursor: pointer;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner24 {
+
+	bottom: 0;
+
+	opacity: 1;
+
+	-webkit-transition-delay: 600ms;
+
+	-moz-transition-delay: 600ms;
+
+	transition-delay: 600ms;
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_wrap {
+
+	position: absolute;
+
+	top: 45%;
+
+	left: 50%;
+
+	margin-top: -140px;
+
+	margin-left: -332px;
+
+	width: 665px;
+
+	height: 280px;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_banner {
+
+	background: url(../images/banner31.jpg) no-repeat center;
+
+	background-size: cover;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s;
+
+	-moz-transition: all 1s;
+
+	-o-transition: all 1s;
+
+	transition: all 1s;
+
+	-webkit-opacity: 0;
+
+	-ms-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_slide-wrap li#wk_s3.wk_selected .wk_banner {
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_banner32 {
+
+	position: absolute;
+
+	top: -200px;
+
+	left: 50%;
+
+	margin-left: -332px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s3.wk_selected .wk_banner32 {
+
+	top: 0;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_banner33 {
+
+	position: absolute;
+
+	bottom: -200px;
+
+	left: 50%;
+
+	margin-left: -332px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page1.active .wk_slide-wrap li#wk_s3.wk_selected .wk_banner33 {
+
+	bottom: 0;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.page1 .wk_arrow {
+
+	position: absolute;
+
+	bottom: 140px;
+
+	left: 50%;
+
+	z-index: 20;
+
+	display: block;
+
+	margin-left: -44px;
+
+	width: 87px;
+
+	height: 87px;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+	text-align: center;
+
+	line-height: 87px;
+
+	cursor: pointer;
+
+}
+
+.page1 .wk_arrow img {
+
+	position: relative;
+
+	top: 26px;
+
+}
+
+.page1 .wk_arrow:after, .page1 .wk_arrow:before {
+
+	position: absolute;
+
+	top: 0;
+
+	left: 0;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+	content: '';
+
+	pointer-events: none;
+
+}
+
+.page1 .wk_arrow:before {
+
+	width: 88px;
+
+	height: 88px;
+
+	border: 1px solid #fff;
+
+	-webkit-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	-moz-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	-o-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+}
+
+.page1 .wk_arrow:after {
+
+	width: 86px;
+
+	height: 86px;
+
+	border: 2px solid #fff;
+
+	background-color: rgba(255,255,255,.1);
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-webkit-transform: scale(.5, .5);
+
+	-moz-transform: scale(.5, .5);
+
+	transform: scale(.5, .5);
+
+	-ms-transform: scale(.5, .5);
+
+}
+
+.page1 .wk_arrow:hover:before {
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-moz-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-o-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-webkit-transform: scale(1.5, 1.5);
+
+	-moz-transform: scale(1.5, 1.5);
+
+	transform: scale(1.5, 1.5);
+
+	-ms-transform: scale(1.5, 1.5);
+
+}
+
+.page1 .wk_arrow:hover:after {
+
+	opacity: 1;
+
+	-webkit-transform: scale(1, 1);
+
+	-moz-transform: scale(1, 1);
+
+	transform: scale(1, 1);
+
+	-ms-transform: scale(1, 1);
+
+}
+
+.wk_slide-nav-wrap {
+
+	position: absolute;
+
+	bottom: 35px;
+
+	left: 0;
+
+	z-index: 8;
+
+	overflow: hidden;
+
+	margin-bottom: -22px;
+
+	padding-top: 25px;
+
+	width: 100%;
+
+	height: 84px;
+
+	opacity: 1;
+
+	-webkit-transform: translateY(100%);
+
+	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
+
+	-moz-transform: translateY(100%);
+
+	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
+
+	transform: translateY(100%);
+
+	transform: matrix(1, 0, 0, 1, 0, 0);
+
+	-webkit-opacity: 1;
+
+	-ms-opacity: 1;
+
+	-moz-opacity: 1;
+
+	-ms-transform: translateY(100%);
+
+	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
+
+}
+
+#wk_slide-nav {
+
+	position: relative;
+
+	z-index: 10;
+
+	margin: auto;
+
+	width: 620px;
+
+	height: 26px;
+
+	-webkit-transform: translateX(90px);
+
+	-moz-transform: translateX(90px);
+
+	transform: translateX(90px);
+
+	-ms-transform: translateX(90px);
+
+}
+
+.wk_nav-line {
+
+	position: relative;
+
+	top: 13px;
+
+	float: left;
+
+	width: 90px;
+
+	height: 1px;
+
+}
+
+.wk_nav-line:after {
+
+	position: absolute;
+
+	top: 0;
+
+	width: 90px;
+
+	height: 100%;
+
+	background-color: #fff;
+
+	content: '';
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+}
+
+.wk_nav-line.small:after {
+
+	width: 78px;
+
+}
+
+.wk_nav-line.x-small:after {
+
+	width: 63px;
+
+	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all 1s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all 1s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all 1s cubic-bezier(.77, 0, .175, 1);
+
+}
+
+.wk_nav-line.prev:after {
+
+	left: 0;
+
+}
+
+.wk_nav-line.next:after {
+
+	right: 0;
+
+}
+
+.wk_nav-line:first-child:before, .wk_nav-line:last-child:before {
+
+	position: absolute;
+
+	top: 0;
+
+	width: 8000px;
+
+	height: 1px;
+
+	background-color: #fff;
+
+	content: '';
+
+	-moz-backface-visibility: hidden;
+
+	-webkit-backface-visibility: hidden;
+
+	backface-visibility: hidden;
+
+}
+
+.wk_nav-line:first-child:before {
+
+	left: -8000px;
+
+}
+
+.wk_nav-line:last-child:before {
+
+	right: -8000px;
+
+}
+
+.wk_nav-bullet-container {
+
+	position: relative;
+
+	float: left;
+
+	width: 26px;
+
+	height: 26px;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+}
+
+.wk_nav-bullet-container:nth-child(1) {
+
+	margin-left: 100px;
+
+}
+
+.wk_nav-bullet-container:before {
+
+	position: absolute;
+
+	top: -15px;
+
+	left: 8px;
+
+	width: 0;
+
+	height: 0;
+
+	border-color: #fff transparent transparent transparent;
+
+	border-style: solid;
+
+	border-width: 6px 5px 0 5px;
+
+	content: '';
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-webkit-transform: translateY(-10px);
+
+	-moz-transform: translateY(-10px);
+
+	transform: translateY(-10px);
+
+	pointer-events: none;
+
+	-ms-transform: translateY(-10px);
+
+	-moz-backface-visibility: hidden;
+
+	-webkit-backface-visibility: hidden;
+
+	backface-visibility: hidden;
+
+}
+
+#wk_slide-nav .wk_nav-bullet-container:hover:before {
+
+	opacity: 1;
+
+	-webkit-transform: translateY(0);
+
+	-moz-transform: translateY(0);
+
+	transform: translateY(0);
+
+	-ms-transform: translateY(0);
+
+}
+
+#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:before {
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-moz-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-o-transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	transition: all .8s cubic-bezier(.25, .46, .45, .94);
+
+	-webkit-transform: scale(2, 2);
+
+	-moz-transform: scale(2, 2);
+
+	transform: scale(2, 2);
+
+	-ms-transform: scale(2, 2);
+
+}
+
+#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:after {
+
+	opacity: .2;
+
+	-webkit-transform: scale(3.3, 3.3);
+
+	-moz-transform: scale(3.3, 3.3);
+
+	transform: scale(3.3, 3.3);
+
+	-ms-transform: scale(3.3, 3.3);
+
+}
+
+#wk_slide-nav .wk_nav-bullet-container:hover .nav-bullet {
+
+	opacity: 1;
+
+	-webkit-transform: scale(1, 1);
+
+	-moz-transform: scale(1, 1);
+
+	transform: scale(1, 1);
+
+	-ms-transform: scale(1, 1);
+
+}
+
+#wk_slide-nav .wk_nav-bullet-container:hover .nav-text {
+
+	opacity: 1;
+
+	-webkit-transform: translateY(0);
+
+	-moz-transform: translateY(0);
+
+	transform: translateY(0);
+
+	-ms-transform: translateY(0);
+
+}
+
+.wk_nav-bullet-container.active .nav-link:after {
+
+	opacity: 1;
+
+}
+
+.nav-link {
+
+	position: relative;
+
+	display: block;
+
+	width: 100%;
+
+	height: 100%;
+
+	color: #fff;
+
+}
+
+.nav-link:before {
+
+	position: absolute;
+
+	top: 5px;
+
+	left: 5px;
+
+	width: 14px;
+
+	height: 14px;
+
+	border: 1px solid #fff;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+	content: '';
+
+	opacity: 1;
+
+	-webkit-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	-moz-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	-o-transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+	transition: all .8s cubic-bezier(.455, .03, .515, .955);
+
+}
+
+.nav-link:after {
+
+	position: absolute;
+
+	top: 9px;
+
+	left: 9px;
+
+	width: 8px;
+
+	height: 8px;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+	background-color: #fff;
+
+	content: '';
+
+	opacity: 1;
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-backface-visibility: hidden;
+
+	-webkit-backface-visibility: hidden;
+
+	backface-visibility: hidden;
+
+}
+
+.nav-bullet {
+
+	position: absolute;
+
+	top: 9px;
+
+	left: 9px;
+
+	width: 8px;
+
+	height: 8px;
+
+	-webkit-border-radius: 50%;
+
+	-moz-border-radius: 50%;
+
+	border-radius: 50%;
+
+	background-color: #fff;
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-webkit-transform: scale(0, 0);
+
+	-moz-transform: scale(0, 0);
+
+	transform: scale(0, 0);
+
+	-ms-transform: scale(0, 0);
+
+}
+
+.nav-text {
+
+	position: absolute;
+
+	bottom: -22px;
+
+	left: -44px;
+
+	width: 113px;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-size: 12px;
+
+	opacity: 0;
+
+	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	transition: all .8s cubic-bezier(.77, 0, .175, 1);
+
+	-webkit-transform: translateY(10px);
+
+	-moz-transform: translateY(10px);
+
+	transform: translateY(10px);
+
+	pointer-events: none;
+
+	-ms-transform: translateY(10px);
+
+}
+
+@media(max-width:1500px) {
+
+.section {
+
+	width: 100%;
+
+	min-width: 1080px;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner22 img {
+
+	width: 90%;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_banner32 img {
+
+	width: 90%;
+
+}
+
+.page1 .wk_arrow {
+
+	display: none;
+
+}
+
+.wk_slide-nav-wrap {
+
+	bottom: 5px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.page1 .wk_arrow {
+
+	display: none;
+
+}
+
+.wk_slide-nav-wrap {
+
+	bottom: 5px;
+
+}
+
+.section {
+
+	width: 100%;
+
+	min-width: 920px;
+
+}
+
+.wk_slide-wrap li#wk_s1 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s2 .wk_banner22 img {
+
+	width: 90%;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_wrap {
+
+	top: 50%;
+
+}
+
+.wk_slide-wrap li#wk_s3 .wk_banner32 img {
+
+	width: 90%;
+
+}
+
+}
+
+.ie8 .wk_slide-wrap #wk_s1, .ie8 .wk_slide-wrap #wk_s2, .ie8 .wk_arrow, .ie8 .wk_slide-nav-wrap {
+
+	display: none;
+
+}
+
+.ie8 .wk_slide-wrap li#wk_s3 .wk_banner32 {
+
+	top: 0;
+
+}
+
+.ie8 .wk_slide-wrap li#wk_s3 .wk_banner33 {
+
+	bottom: 0;
+
+}
+
+.page2 {
+
+	background: url(../images/bg2.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_fwxm {
+
+	position: relative;
+
+	margin: 0 auto;
+
+	width: 1200px;
+
+	height: 100%;
+
+}
+
+.wk_fwxm ul {
+
+	width: 100%;
+
+	height: 100%;
+
+}
+
+.wk_fwxm li {
+
+	position: relative;
+
+	float: left;
+
+	width: 25%;
+
+	height: 100%;
+
+	color: #fff;
+
+	text-align: center;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s;
+
+	-moz-transition: all 1s;
+
+	-o-transition: all 1s;
+
+	transition: all 1s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+}
+
+.wk_fwxm li .wk_fwxm_bg {
+
+	position: absolute;
+
+	right: 0;
+
+	bottom: 0;
+
+	left: 0;
+
+	height: 0;
+
+	-webkit-transition: all .5s;
+
+	-moz-transition: all .5s;
+
+	-o-transition: all .5s;
+
+	transition: all .5s;
+
+}
+
+.wk_fwxm li.wk_li1 .wk_fwxm_bg {
+
+	background: #ba292e;
+
+}
+
+.wk_fwxm li.wk_li2 .wk_fwxm_bg {
+
+	background: #1599a5;
+
+}
+
+.wk_fwxm li.wk_li3 .wk_fwxm_bg {
+
+	background: #5e904d;
+
+}
+
+.wk_fwxm li.wk_li4 .wk_fwxm_bg {
+
+	background: #5d4378;
+
+}
+
+.wk_fwxm li:hover .wk_fwxm_bg {
+
+	height: 100%;
+
+}
+
+.wk_fwxm li .wk_fwxm_main {
+
+	position: absolute;
+
+	top: 50%;
+
+	right: 25px;
+
+	left: 25px;
+
+	margin-top: -145px;
+
+}
+
+.wk_fwxm li .wk_ljzx {
+
+	margin: 35px auto 0 auto;
+
+	width: 145px;
+
+	height: 35px;
+
+}
+
+.wk_fwxm li .wk_ljzx a {
+
+	display: none;
+
+	width: 143px;
+
+	height: 33px;
+
+	border: 1px solid #fff;
+
+	-webkit-border-radius: 5px;
+
+	-moz-border-radius: 5px;
+
+	border-radius: 5px;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-size: 17px;
+
+	line-height: 33px;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	-o-transition: all .3s;
+
+	transition: all .3s;
+
+	-webkit-transition-delay: 400ms;
+
+	-moz-transition-delay: 400ms;
+
+	transition-delay: 400ms;
+
+}
+
+.wk_fwxm li:hover .wk_ljzx a {
+
+	display: block;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	-o-transition: all .3s;
+
+	transition: all .3s;
+
+}
+
+.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover {
+
+	background: #fff;
+
+	color: #ba292e;
+
+}
+
+.wk_fwxm li.wk_li2:hover .wk_ljzx a:hover {
+
+	background: #fff;
+
+	color: #1599a5;
+
+}
+
+.wk_fwxm li.wk_li3:hover .wk_ljzx a:hover {
+
+	background: #fff;
+
+	color: #5e904d;
+
+}
+
+.wk_fwxm li.wk_li4:hover .wk_ljzx a:hover {
+
+	background: #fff;
+
+	color: #5d4378;
+
+}
+
+.wk_fwxm li .wk_fwxm_ico {
+
+	overflow: hidden;
+
+	margin: 0 auto;
+
+	width: 110px;
+
+	height: 110px;
+
+	-webkit-border-radius: 110px;
+
+	-moz-border-radius: 110px;
+
+	border-radius: 110px;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	transition: all .3s;
+
+	-webkit-transition-delay: 400ms;
+
+	-moz-transition-delay: 400ms;
+
+	transition-delay: 400ms;
+
+}
+
+.wk_fwxm li.wk_li1 .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img1.png) no-repeat;
+
+}
+
+.wk_fwxm li.wk_li1:hover .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img1.png) no-repeat 0 -110px;
+
+}
+
+.wk_fwxm li.wk_li2 .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img2.png) no-repeat;
+
+}
+
+.wk_fwxm li.wk_li2:hover .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img2.png) no-repeat 0 -110px;
+
+}
+
+.wk_fwxm li.wk_li3 .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img3.png) no-repeat;
+
+}
+
+.wk_fwxm li.wk_li3:hover .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img3.png) no-repeat 0 -110px;
+
+}
+
+.wk_fwxm li.wk_li4 .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img4.png) no-repeat;
+
+}
+
+.wk_fwxm li.wk_li4:hover .wk_fwxm_ico {
+
+	background: url(../images/fwxm_img4.png) no-repeat 0 -110px;
+
+}
+
+.wk_fwxm li h2 {
+
+	margin-top: 16px;
+
+	font-weight: 400;
+
+	font-size: 19px;
+
+	line-height: 44px;
+
+}
+
+.wk_fwxm li p {
+
+	font-size: 15px;
+
+	line-height: 30px;
+
+}
+
+.wk_fwxm li .wk_fwxm_des {
+
+	margin-top: 20px;
+
+	font-size: 13px;
+
+	line-height: 26px;
+
+}
+
+.page2 li.wk_li1 {
+
+	-webkit-transform: translate3d(-600px, 0, 0);
+
+	-moz-transform: translate3d(-600px, 0, 0);
+
+	transform: translate3d(-600px, 0, 0);
+
+	-ms-transform: translate3d(-600px, 0, 0);
+
+}
+
+.page2 li.wk_li2 {
+
+	-webkit-transform: translate3d(-300px, 0, 0);
+
+	-moz-transform: translate3d(-300px, 0, 0);
+
+	transform: translate3d(-300px, 0, 0);
+
+	-ms-transform: translate3d(-300px, 0, 0);
+
+}
+
+.page2 li.wk_li3 {
+
+	-webkit-transform: translate3d(300px, 0, 0);
+
+	-moz-transform: translate3d(300px, 0, 0);
+
+	transform: translate3d(300px, 0, 0);
+
+	-ms-transform: translate3d(300px, 0, 0);
+
+}
+
+.page2 li.wk_li4 {
+
+	-webkit-transform: translate3d(600px, 0, 0);
+
+	-moz-transform: translate3d(600px, 0, 0);
+
+	transform: translate3d(600px, 0, 0);
+
+	-ms-transform: translate3d(600px, 0, 0);
+
+}
+
+.page2.active li {
+
+	opacity: 1;
+
+	-webkit-transform: translate3d(0, 0, 0);
+
+	-moz-transform: translate3d(0, 0, 0);
+
+	transform: translate3d(0, 0, 0);
+
+	-ms-transform: translate3d(0, 0, 0);
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+@media(max-width:1500px) {
+
+.wk_fwxm {
+
+	position: relative;
+
+	margin: 0 auto;
+
+	width: 1160px;
+
+	height: 100%;
+
+}
+
+.wk_fwxm li .wk_fwxm_des {
+
+	font-size: 12px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.wk_fwxm {
+
+	position: relative;
+
+	margin: 0 auto;
+
+	width: 1000px;
+
+	height: 100%;
+
+}
+
+.wk_fwxm li h2 {
+
+	font-size: 17px;
+
+}
+
+.wk_fwxm li .wk_fwxm_main {
+
+	right: 15px;
+
+	left: 15px;
+
+}
+
+.wk_fwxm li .wk_fwxm_des {
+
+	font-size: 12px;
+
+}
+
+}
+
+.page3 {
+
+	background: url(../images/bg3.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.case {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	overflow: hidden;
+
+	margin-top: -235px;
+
+	margin-left: -580px;
+
+	width: 1160px;
+
+}
+
+.case h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: -400px;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page3.active .case h2 {
+
+	left: 0;
+
+}
+
+.case h2.wk_h2 {
+
+	display: none;
+
+}
+
+.wk_btndiv {
+
+	position: absolute;
+
+	top: 45px;
+
+	right: -400px;
+
+	width: 100px;
+
+	height: 30px;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page3.active .wk_btndiv {
+
+	right: 0;
+
+}
+
+.wk_btndiv a.abtn {
+
+	position: absolute;
+
+	display: block;
+
+	overflow: hidden;
+
+	width: 45px;
+
+	height: 30px;
+
+	outline: 0;
+
+	background: url(../images/btn.png) no-repeat;
+
+}
+
+.wk_btndiv a.aleft {
+
+	right: 55px;
+
+	background-position: 0 -30px;
+
+}
+
+.wk_btndiv a.agrayleft {
+
+	background-position: 0 0;
+
+	cursor: default;
+
+}
+
+.wk_btndiv a.aright {
+
+	right: 0;
+
+	background-position: -45px 0;
+
+}
+
+.wk_btndiv a.agrayright {
+
+	background-position: -45px -30px;
+
+	cursor: default;
+
+}
+
+.wk_scrollcontainer {
+
+	position: relative;
+
+	overflow: hidden;
+
+	margin: 38px auto 0 auto;
+
+	width: 1180px;
+
+	height: 400px;
+
+}
+
+.wk_scrollcontainer ul {
+
+	position: absolute;
+
+	top: 0;
+
+	left: 0;
+
+	width: 1000%;
+
+}
+
+.wk_scrollcontainer li {
+
+	float: left;
+
+	overflow: hidden;
+
+	margin-left: 0;
+
+	width: 1180px;
+
+}
+
+.case .wk_case_list {
+
+	position: relative;
+
+	float: left;
+
+	overflow: hidden;
+
+	margin: 0 20px 20px 0;
+
+	width: 275px;
+
+	height: 190px;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s;
+
+	-moz-transition: all 1s;
+
+	-o-transition: all 1s;
+
+	transition: all 1s;
+
+	-webkit-transform: translate3d(0, 100px, 0);
+
+	transform: translate3d(0, 100px, 0);
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transform: translate3d(0, 100px, 0);
+
+}
+
+.page3.active .case div.wk_case_list {
+
+	opacity: 1;
+
+	-webkit-transform: translate3d(0, 0, 0);
+
+	transform: translate3d(0, 0, 0);
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+	-ms-transform: translate3d(0, 0, 0);
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(2) {
+
+	-webkit-transition-delay: 100ms;
+
+	-moz-transition-delay: 100ms;
+
+	transition-delay: 100ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(3) {
+
+	-webkit-transition-delay: 200ms;
+
+	-moz-transition-delay: 200ms;
+
+	transition-delay: 200ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(4) {
+
+	-webkit-transition-delay: 300ms;
+
+	-moz-transition-delay: 300ms;
+
+	transition-delay: 300ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(5) {
+
+	-webkit-transition-delay: 400ms;
+
+	-moz-transition-delay: 400ms;
+
+	transition-delay: 400ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(6) {
+
+	-webkit-transition-delay: 500ms;
+
+	-moz-transition-delay: 500ms;
+
+	transition-delay: 500ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(7) {
+
+	-webkit-transition-delay: 600ms;
+
+	-moz-transition-delay: 600ms;
+
+	transition-delay: 600ms;
+
+}
+
+.page3.active .case div.wk_case_list:nth-child(8) {
+
+	-webkit-transition-delay: 700ms;
+
+	-moz-transition-delay: 700ms;
+
+	transition-delay: 700ms;
+
+}
+
+.case .wk_case_list .wk_case_img {
+
+	position: relative;
+
+	width: 275px;
+
+	height: 190px;
+
+}
+
+.case .wk_case_list .wk_case_img img {
+
+	width: 275px;
+
+	height: 190px;
+
+}
+
+.case .wk_case_list .wk_case_ico {
+
+	position: absolute;
+
+	top: 0;
+
+	left: 0;
+
+	width: 275px;
+
+	height: 190px;
+
+	background: url(../images/case_ico.png) no-repeat center;
+
+	opacity: 0;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	-o-transition: all .3s;
+
+	transition: all .3s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+}
+
+.case .wk_case_list:hover .wk_case_ico {
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.case .wk_case_list .wk_case_xian {
+
+	position: absolute;
+
+	top: 22px;
+
+	left: 22px;
+
+	width: 241px;
+
+	height: 146px;
+
+}
+
+.case .wk_case_list span {
+
+	position: absolute;
+
+	background: #0ddfba;
+
+	-webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	-moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	-o-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+}
+
+.case .wk_case_list .wk_span_1 {
+
+	top: 0;
+
+	left: 0;
+
+	width: 0;
+
+	height: 2px;
+
+}
+
+.case .wk_case_list .wk_span_2 {
+
+	top: 0;
+
+	right: 0;
+
+	width: 2px;
+
+	height: 0;
+
+}
+
+.case .wk_case_list .wk_span_3 {
+
+	right: 0;
+
+	bottom: 0;
+
+	width: 0;
+
+	height: 2px;
+
+}
+
+.case .wk_case_list .wk_span_4 {
+
+	bottom: 0;
+
+	left: 0;
+
+	width: 2px;
+
+	height: 0;
+
+}
+
+.case .wk_case_list:hover .wk_span_1, .case .wk_case_list:hover .wk_span_3 {
+
+	width: 100%;
+
+}
+
+.case .wk_case_list:hover .wk_span_2, .case .wk_case_list:hover .wk_span_4 {
+
+	height: 100%;
+
+}
+
+.page4 {
+
+	background: url(../images/bg4.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_about {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	margin-top: -185px;
+
+	margin-left: -600px;
+
+	width: 1200px;
+
+}
+
+.wk_about h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: -400px;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page4.active .wk_about h2 {
+
+	left: 0;
+
+}
+
+.wk_about h2.wk_h2 {
+
+	display: none;
+
+}
+
+.wk_about_menu {
+
+	position: absolute;
+
+	top: 33px;
+
+	right: -400px;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.wk_about_menu a {
+
+	float: left;
+
+	display: block;
+
+	margin-left: 2px;
+
+	width: 80px;
+
+	height: 42px;
+
+	background: #263551;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-size: 16px;
+
+	line-height: 42px;
+
+	cursor: pointer;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	-o-transition: all .3s;
+
+	transition: all .3s;
+
+}
+
+.wk_about_menu a.active {
+
+	background: #334871;
+
+}
+
+.page4.active .wk_about_menu {
+
+	right: 0;
+
+}
+
+.wk_about_div {
+
+	position: relative;
+
+	z-index: 1;
+
+	overflow: hidden;
+
+	margin: 400px auto 0 auto;
+
+	width: 100%;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page4.active .wk_about_div {
+
+	margin: 70px auto 0 auto;
+
+}
+
+.wk_about_main {
+
+	position: relative;
+
+	margin: 0 auto;
+
+}
+
+.wk_about_left {
+
+	position: relative;
+
+	float: left;
+
+	width: auto;
+
+}
+
+.wk_about_right {
+
+	position: relative;
+
+	float: right;
+
+	width: 615px;
+
+}
+
+.wk_about_top {
+
+	margin: 0 auto;
+
+	padding-top: 20px;
+
+}
+
+.wk_about_top a {
+
+	float: left;
+
+	margin-right: 58px;
+
+	width: 110px;
+
+	height: 118px;
+
+}
+
+.wk_about_des {
+
+	margin-top: 23px;
+
+	color: #fff;
+
+	font-size: 15px;
+
+	line-height: 26px;
+
+}
+
+.wk_about_sec {
+
+	margin-top: 15px;
+
+}
+
+.wk_news_list {
+
+	position: relative;
+
+	margin: 0 auto;
+
+	padding-top: 15px;
+
+}
+
+.wk_news_list li {
+
+	float: left;
+
+	overflow: hidden;
+
+	margin-left: 36px;
+
+	width: 250px;
+
+}
+
+.wk_news_list li:first-child {
+
+	margin-left: 0;
+
+}
+
+.wk_news_list li dl {
+
+	margin: 0;
+
+	padding: 5px 10px;
+
+	width: 110px;
+
+	height: 28px;
+
+	border: 1px solid #fff;
+
+	-webkit-border-radius: 5px;
+
+	-moz-border-radius: 5px;
+
+	border-radius: 5px;
+
+	color: #fff;
+
+	text-align: center;
+
+}
+
+.wk_news_list li dl dt {
+
+	font-size: 16px;
+
+	line-height: 28px;
+
+}
+
+.wk_news_list li h4 {
+
+	margin-top: 7px;
+
+	font-weight: 500;
+
+	font-size: 18px;
+
+	line-height: 62px;
+
+	height: 62px;
+
+	overflow: hidden;
+
+}
+
+.wk_news_list li h4 a {
+
+	color: #fff;
+
+}
+
+.wk_news_list li .wk_news_des {
+
+	overflow: hidden;
+
+	height: 104px;
+
+	color: #fff;
+
+	font-size: 13px;
+
+	line-height: 26px;
+
+}
+
+.wk_news_list li .wk_news_more {
+
+	margin-top: 38px;
+
+	height: 37px;
+
+}
+
+.wk_news_list li .wk_news_more a {
+
+	display: block;
+
+	width: 37px;
+
+	height: 37px;
+
+	background: url(../images/news_more.png) no-repeat;
+
+	-webkit-transition: all .3s;
+
+	-moz-transition: all .3s;
+
+	transition: all .3s;
+
+}
+
+.wk_news_list li .wk_news_more a:hover {
+
+	background: url(../images/news_more.png) no-repeat 0 -37px;
+
+}
+
+.wk_history {
+
+	padding-top: 25px;
+
+	background: url(../images/time_x.png) no-repeat left 9px;
+
+}
+
+.wk_blk_18 {
+
+	overflow: hidden;
+
+	width: 1200px;
+
+	zoom: 1;
+
+}
+
+.wk_blk_18 .wk_pcont {
+
+	float: left;
+
+	overflow: hidden;
+
+	margin-left: 16px;
+
+	width: 1098px;
+
+}
+
+.wk_blk_18 .ScrCont {
+
+	margin-left: 0;
+
+	width: 100000%;
+
+	zoom: 1;
+
+}
+
+.wk_blk_18 #List1_1, .wk_blk_18 #List2_1 {
+
+	float: left;
+
+}
+
+.wk_blk_18 .LeftBotton {
+
+	float: left;
+
+	margin-top: 150px;
+
+	margin-left: 0;
+
+	width: 35px;
+
+	height: 35px;
+
+	background: url(../images/left_btn.png) no-repeat center;
+
+}
+
+.wk_blk_18 .RightBotton {
+
+	float: right;
+
+	margin-top: 150px;
+
+	margin-right: 0;
+
+	width: 35px;
+
+	height: 35px;
+
+	background: url(../images/right_btn.png) no-repeat center;
+
+}
+
+.wk_fzlc_b {
+
+	float: left;
+
+	margin: 0 33px;
+
+	width: 300px;
+
+	height: 294px;
+
+}
+
+.wk_fzlc_b h4 {
+
+	margin: 0 auto;
+
+	width: 300px;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-weight: 400;
+
+	font-size: 18px;
+
+	line-height: 54px;
+
+}
+
+.wk_his_ico {
+
+	margin: 5px auto 0 auto;
+
+	width: 300px;
+
+	height: 11px;
+
+	background: url(../images/history_ico.png) no-repeat center bottom;
+
+}
+
+.wk_fzlc_b dl {
+
+	margin: 0 auto;
+
+	padding: 15px 15px 0;
+
+	width: 268px;
+
+	height: 207px;
+
+	border: 1px solid #fff;
+
+	border-top: none;
+
+}
+
+.wk_fzlc_b dl dt, .wk_fzlc_b dl dt img {
+
+	margin: 0 auto;
+
+	width: 268px;
+
+	height: 115px;
+
+}
+
+.wk_fzlc_b dl dd {
+
+	margin: 10px auto 0 auto;
+
+	width: 268px;
+
+	color: #fff;
+
+	font-size: 14px;
+
+	line-height: 24px;
+
+}
+
+.wk_fzlc_s {
+
+	float: left;
+
+	margin: 0 33px;
+
+	width: 300px;
+
+	height: 200px;
+
+}
+
+.wk_fzlc_s h4 {
+
+	margin: 0 auto;
+
+	width: 300px;
+
+	color: #fff;
+
+	text-align: center;
+
+	font-weight: 400;
+
+	font-size: 18px;
+
+	line-height: 54px;
+
+}
+
+.wk_fzlc_s dl {
+
+	margin: 0 auto;
+
+	padding: 15px 15px 0;
+
+	width: 268px;
+
+	height: 114px;
+
+	border: 1px solid #fff;
+
+	border-top: none;
+
+}
+
+.wk_fzlc_s dl dt, .wk_fzlc_s dl dt img {
+
+	float: left;
+
+	width: 100px;
+
+	height: 100px;
+
+}
+
+.wk_fzlc_s dl dd {
+
+	float: right;
+
+	width: 155px;
+
+	color: #fff;
+
+	font-size: 14px;
+
+	line-height: 24px;
+
+}
+
+@media(max-width:1500px) {
+
+.wk_about {
+
+	margin-top: -170px;
+
+	margin-left: -540px;
+
+	width: 1080px;
+
+}
+
+.wk_about h2 {
+
+	display: none;
+
+}
+
+.wk_about h2.wk_h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: -200px;
+
+	display: block;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page4.active .wk_about h2.wk_h2 {
+
+	left: 0;
+
+}
+
+.wk_about_menu {
+
+	top: 0;
+
+}
+
+.page4.active .wk_about_div {
+
+	margin: 35px auto 0 auto;
+
+}
+
+.wk_about_left img {
+
+	width: 92%;
+
+}
+
+.wk_about_right {
+
+	width: 575px;
+
+}
+
+.wk_about_top {
+
+	padding-top: 5px;
+
+}
+
+.wk_about_top a {
+
+	margin-right: 45px;
+
+}
+
+.wk_about_des {
+
+	margin-top: 20px;
+
+	font-size: 14px;
+
+}
+
+.wk_about_sec {
+
+	margin-top: 10px;
+
+}
+
+.wk_news_list li {
+
+	margin-left: 26px;
+
+}
+
+.wk_history {
+
+	padding-top: 25px;
+
+	background: url(../images/time_x1.png) no-repeat center 9px;
+
+}
+
+.wk_blk_18 {
+
+	width: 1080px;
+
+}
+
+.wk_blk_18 .wk_pcont {
+
+	margin-left: 16px;
+
+	width: 978px;
+
+}
+
+.wk_fzlc_b {
+
+	float: left;
+
+	margin: 0 13px;
+
+	width: 300px;
+
+	height: 294px;
+
+}
+
+.wk_fzlc_s {
+
+	float: left;
+
+	margin: 0 13px;
+
+	width: 300px;
+
+	height: 200px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.wk_about {
+
+	margin-top: -170px;
+
+	margin-left: -460px;
+
+	width: 920px;
+
+}
+
+.wk_about h2 {
+
+	display: none;
+
+}
+
+.wk_about h2.wk_h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: -200px;
+
+	display: block;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.wk_about h2.wk_h2 img {
+
+	width: 70%;
+
+}
+
+.page4.active .wk_about h2.wk_h2 {
+
+	left: 0;
+
+}
+
+.wk_about_menu {
+
+	top: 0;
+
+}
+
+.page4.active .wk_about_div {
+
+	margin: 35px auto 0 auto;
+
+}
+
+.wk_about_left {
+
+	width: 370px;
+
+}
+
+.wk_about_left img {
+
+	width: 370px;
+
+}
+
+.wk_about_right {
+
+	width: 515px;
+
+}
+
+.wk_about_top {
+
+	padding-top: 5px;
+
+}
+
+.wk_about_top a {
+
+	margin-right: 37px;
+
+	width: 100px;
+
+}
+
+.wk_about_top a img {
+
+	width: 100px;
+
+}
+
+.wk_about_des {
+
+	margin-top: 10px;
+
+	font-size: 12px;
+
+}
+
+.wk_about_sec {
+
+	margin-top: 0;
+
+}
+
+.wk_news_list li {
+
+	margin-left: 20px;
+
+	width: 215px;
+
+}
+
+.wk_news_list li h4 {
+
+	font-size: 16px;
+
+}
+
+.wk_news_list li .wk_news_des {
+
+	font-size: 12px;
+
+}
+
+.wk_news_list li .wk_news_more {
+
+	margin-top: 18px;
+
+}
+
+.wk_history {
+
+	padding-top: 25px;
+
+	background: url(../images/time_x2.png) no-repeat center 9px;
+
+}
+
+.wk_blk_18 {
+
+	width: 920px;
+
+}
+
+.wk_blk_18 .wk_pcont {
+
+	margin-left: 34px;
+
+	width: 732px;
+
+}
+
+.wk_blk_18 .LeftBotton {
+
+	margin-left: 25px;
+
+}
+
+.wk_blk_18 .RightBotton {
+
+	margin-right: 25px;
+
+}
+
+.wk_fzlc_b {
+
+	float: left;
+
+	margin: 0 33px;
+
+	width: 300px;
+
+	height: 294px;
+
+}
+
+.wk_fzlc_s {
+
+	float: left;
+
+	margin: 0 33px;
+
+	width: 300px;
+
+	height: 200px;
+
+}
+
+}
+
+.page5 {
+
+	background: url(../images/bg5.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_service {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	margin-top: -230px;
+
+	margin-left: -600px;
+
+	width: 1200px;
+
+}
+
+.wk_service h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: 50%;
+
+	margin-left: -145px;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page5.active .wk_service h2 {
+
+	left: 50%;
+
+	margin-left: -245px;
+
+}
+
+.wk_service h2.wk_h2 {
+
+	display: none;
+
+}
+
+.wk_service_xian {
+
+	position: relative;
+
+	margin-top: 28px;
+
+	width: 0;
+
+	height: 3px;
+
+	background: #0ddfba;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page5.active .wk_service_xian {
+
+	width: 100%;
+
+}
+
+.wk_service_main {
+
+	position: relative;
+
+	top: 200px;
+
+	margin: 0 auto;
+
+	padding: 22px 0;
+
+	width: 1160px;
+
+	background: url(../images/service_main_bj.png) repeat left top;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page5.active .wk_service_main {
+
+	top: 0;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_service_main ul {
+
+	overflow: hidden;
+
+}
+
+.wk_service_main ul li {
+
+	position: relative;
+
+	float: left;
+
+	overflow: hidden;
+
+	margin: 0 31px 22px;
+
+	width: 170px;
+
+	height: 100px;
+
+}
+
+.wk_service_main li span {
+
+	position: absolute;
+
+	background: #0ddfba;
+
+	-webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	-moz-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	-o-transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+	transition: all .3s cubic-bezier(.25, .46, .45, .94);
+
+}
+
+.wk_service_main li .wk_span_1 {
+
+	top: 0;
+
+	left: 0;
+
+	width: 0;
+
+	height: 2px;
+
+}
+
+.wk_service_main li .wk_span_2 {
+
+	top: 0;
+
+	right: 0;
+
+	width: 2px;
+
+	height: 0;
+
+}
+
+.wk_service_main li .wk_span_3 {
+
+	right: 0;
+
+	bottom: 0;
+
+	width: 0;
+
+	height: 2px;
+
+}
+
+.wk_service_main li .wk_span_4 {
+
+	bottom: 0;
+
+	left: 0;
+
+	width: 2px;
+
+	height: 0;
+
+}
+
+.wk_service_main li:hover .wk_span_1, .wk_service_main li:hover .wk_span_3 {
+
+	width: 100%;
+
+}
+
+.wk_service_main li:hover .wk_span_2, .wk_service_main li:hover .wk_span_4 {
+
+	height: 100%;
+
+}
+
+@media(max-width:1500px) {
+
+.wk_service {
+
+	margin-top: -180px;
+
+	margin-left: -540px;
+
+	width: 1080px;
+
+}
+
+.wk_service h2 {
+
+	display: none;
+
+}
+
+.wk_service h2.wk_h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: 0;
+
+	display: block;
+
+	margin-left: -100px;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page5.active .wk_service h2.wk_h2 {
+
+	left: 0;
+
+	margin-left: 0;
+
+}
+
+.wk_service_xian {
+
+	margin-top: 20px;
+
+}
+
+.wk_service_main {
+
+	padding: 20px 0;
+
+	width: 1060px;
+
+}
+
+.wk_service_main ul li {
+
+	margin: 0 21px 10px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.wk_service {
+
+	margin-top: -190px;
+
+	margin-left: -460px;
+
+	width: 920px;
+
+}
+
+.wk_service h2 {
+
+	display: none;
+
+}
+
+.wk_service h2.wk_h2 {
+
+	position: relative;
+
+	top: 0;
+
+	left: 0;
+
+	display: block;
+
+	margin-left: -100px;
+
+	width: auto;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.wk_service h2.wk_h2 img {
+
+	width: 70%;
+
+}
+
+.page5.active .wk_service h2.wk_h2 {
+
+	left: 0;
+
+	margin-left: 0;
+
+}
+
+.wk_service_xian {
+
+	margin-top: 20px;
+
+}
+
+.wk_service_main {
+
+	padding: 20px 0;
+
+	width: 900px;
+
+}
+
+.wk_service_main ul li {
+
+	margin: 0 5px 10px;
+
+}
+
+}
+
+.page6 {
+
+	background: url(../images/bg6.jpg) no-repeat center;
+
+	background-size: cover;
+
+	-webkit-background-size: cover;
+
+	-moz-background-size: cover;
+
+}
+
+.wk_contact {
+
+	position: absolute;
+
+	top: 50%;
+
+	left: 50%;
+
+	margin-top: -210px;
+
+	margin-left: -600px;
+
+	width: 1200px;
+
+}
+
+.wk_contact_left {
+
+	position: absolute;
+
+	top: 0;
+
+	left: -100px;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page6.active .wk_contact_left {
+
+	left: 85px;
+
+}
+
+.wk_contact.active .wk_contact_left {
+
+	left: 85px;
+
+}
+
+.wk_contact_left1 {
+
+	display: none;
+
+}
+
+.wk_contact_right {
+
+	position: absolute;
+
+	top: 30px;
+
+	right: -100px;
+
+	width: 540px;
+
+	-webkit-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.wk_cont_div {
+
+	margin: 0 auto;
+
+	padding-top: 8px;
+
+	width: 540px;
+
+}
+
+.wk_cont_div li {
+
+
+	margin-top: 24px;
+
+	height: 44px;
+
+	color: #ccc;
+
+	font-size: 18px;
+
+	line-height: 44px;
+
+}
+
+.wk_cont_div li a {
+
+	color: #ccc;
+
+}
+
+.wk_cont_div span {
+
+	float: left;
+
+	display: block;
+
+	margin-right: 21px;
+
+	width: 44px;
+
+	height: 44px;
+
+	cursor: pointer;
+
+	-webkit-transition: all .2s;
+
+	transition: all .2s;
+
+}
+
+.wk_cont_div li span.wk_cont_b {
+
+	background: url(../images/cont_b.png) no-repeat;
+
+}
+
+.wk_cont_div li:hover span.wk_cont_b {
+
+	background: url(../images/cont_b.png) no-repeat 0 -44px;
+
+}
+
+.wk_cont_div li span.wk_cont_c {
+
+	background: url(../images/cont_c.png) no-repeat;
+
+}
+
+.wk_cont_div li:hover span.wk_cont_c {
+
+	background: url(../images/cont_c.png) no-repeat 0 -44px;
+
+}
+
+.wk_cont_div li span.wk_cont_d {
+
+	background: url(../images/cont_d.png) no-repeat;
+
+}
+
+.wk_cont_div li:hover span.wk_cont_d {
+
+	background: url(../images/cont_d.png) no-repeat 0 -44px;
+
+}
+
+.wk_serve-ico-kf:hover .wk_cont_a {
+
+	display: block;
+
+	color: #ed5736;
+
+	-webkit-animation: gWelHealth .8s ease-in-out;
+
+	-moz-animation: gWelHealth .8s ease-in-out;
+
+	-o-animation: gWelHealth .8s ease-in-out;
+
+	-ms-animation: gWelHealth .8s ease-in-out;
+
+	animation: gWelHealth .8s ease-in-out;
+
+}
+
+.page6.active .wk_contact_right {
+
+	right: 55px;
+
+}
+
+.wk_contact.active .wk_contact_right {
+
+	right: 55px;
+
+}
+
+@media(max-width:1500px) {
+
+.wk_contact {
+
+	margin-top: -155px;
+
+	margin-left: -540px;
+
+	width: 1080px;
+
+}
+
+.wk_contact_left {
+
+	display: none;
+
+}
+
+.wk_contact_left1 {
+
+	position: absolute;
+
+	top: 0;
+
+	left: -50px;
+
+	display: block;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page6.active .wk_contact_left1 {
+
+	left: 55px;
+
+}
+
+.wk_contact.active .wk_contact_left1 {
+
+	left: 55px;
+
+}
+
+.wk_contact_right {
+
+	top: 20px;
+
+}
+
+.page6.active .wk_contact_right {
+
+	right: 25px;
+
+}
+
+.wk_contact.active .wk_contact_right {
+
+	right: 25px;
+
+}
+
+.wk_cont_div {
+
+	padding-top: 18px;
+
+}
+
+.wk_cont_div li {
+
+	margin-top: 15px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.wk_contact {
+
+	margin-top: -155px;
+
+	margin-left: -460px;
+
+	width: 920px;
+
+}
+
+.wk_contact_left {
+
+	display: none;
+
+}
+
+.wk_contact_left1 {
+
+	position: absolute;
+
+	top: 0;
+
+	left: -50px;
+
+	display: block;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.page6.active .wk_contact_left1 {
+
+	left: 0;
+
+}
+
+.wk_contact.active .wk_contact_left1 {
+
+	left: 0;
+
+}
+
+.wk_contact_right {
+
+	top: 20px;
+
+	width: 500px;
+
+}
+
+.page6.active .wk_contact_right {
+
+	right: 0;
+
+}
+
+.wk_contact.active .wk_contact_right {
+
+	right: 0;
+
+}
+
+.wk_cont_div {
+
+	padding-top: 18px;
+
+}
+
+.wk_cont_div li {
+
+	margin-top: 15px;
+
+}
+
+}
+
+.fp-auto-height .wk_footer_side {
+
+	padding: 26px 0;
+
+	background: #0e0e0e;
+
+	opacity: 0;
+
+	-webkit-transition: all 1s ease 0s;
+
+	-moz-transition: all 1s ease 0s;
+
+	transition: all 1s ease 0s;
+
+	-webkit-opacity: 0;
+
+	-moz-opacity: 0;
+
+	-ms-transition: all 1s ease 0s;
+
+}
+
+.fp-auto-height.active .wk_footer_side {
+
+	padding: 26px 0;
+
+	background: #0e0e0e;
+
+	opacity: 1;
+
+	-webkit-opacity: 1;
+
+	-moz-opacity: 1;
+
+}
+
+.wk_footer {
+
+	margin: 0 auto;
+
+	width: 1200px;
+
+	background: url(../images/footer_logo.png) no-repeat right center;
+
+	color: #b6b3b3;
+
+	line-height: 26px;
+
+}
+
+.wk_footer a {
+
+	color: #b6b3b3;
+
+}
+
+@media(max-width:1500px) {
+
+.wk_footer_side {
+
+	padding: 10px 0;
+
+	width: 100%;
+
+	min-width: 1080px;
+
+}
+
+.wk_footer {
+
+	width: 1160px;
+
+}
+
+}
+
+@media(max-width:1150px) {
+
+.wk_footer_side {
+
+	padding: 10px 0;
+
+	width: 100%;
+
+	min-width: 920px;
+
+}
+
+.wk_footer {
+
+	width: 1000px;
+
+}
+
+}
+

html/about.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     
     <head>
@@ -75,13 +75,9 @@
             <script type="text/javascript" src="../js/excanvas.compiled.js">
             </script>
         <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_8 .menu1").addClass("active");
-            });
-        </script>
+      
         <title>
-            关于XXX-XXX信息技术（北京）有限公司
+            荆鹏软件集团有限公司
         </title>
     </head>
     
@@ -120,215 +116,40 @@
             </style>
         <![endif]-->
         <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
+         
+			<div id="head"></div>
+			<script>
+			$("#head").load("common/head.html")
+			$(function() {
+				
+				//公共属性
+				getData();
+				
+				function getData(){
+					console.log(Constant)
+					$.post(Constant.serverUrl+"api/mhdata/getList",{
+												code:Constant.query.jpcode,
+												id:Constant.query.id,
+												isdetails:1
+					},function(data,status){
+						$(".data-title").text(data.data.dic.name)
+						var list=data.data.data.data;
+						for(var i in list){
+							var item=$(list[i].content)
+							
+							$(".data-innerpage").append(item);
+						}
+						
+					})
+				}
+			})
+			</script>
+			
+			<div class="breadcrumb-wrapper">
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            关于XXX
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                            
                         </div>
                         <div class="col-md-9 col-sm-8 location">
                             <i class="fa fa-map-marker">
@@ -340,351 +161,42 @@
                                     网站首页
                                 </a>
                                 &gt
-                                <a href="#"​>
-                                    关于XXX
+                                <a href="#"​ class="data-title">
+                                    
                                 </a>
                             </span>
                         </div>
                     </div>
                 </div>
-            </div>
+            </div>
+		
             <div class="page-container" id="innerpage-wrap">
                 <div class="container">
                     <div class="row">
                         <div class="main col-md-9 inner-left" role="main">
                             <div class="about-page-wrap">
-                                <div class="com-cnt page-content">
-                                    XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。
-                                    <br />
-                                    <br />
-                                    旗下产品线：
-                                    <br />
-                                    <br />
-                                    员工自助管理平台系统
-                                    <br />
-                                    随着各企业业使务的迅猛发展，员工数量的增加不断冲击着传统的商 业模式，为企业的信息化管理带来了冲击，XXX坚信员工信息化自助服务可以加速企业的发展，于是致力此做了大量的开发。2014年，XXX推出适合于
-                                    中小企业办公需求的自助化管理服务平台“AD aide”，它为客户的信息化建设提供了全新的面貌和方向。
-                                    <br />
-                                    &nbsp;
-                                    <br />
-                                    <p align="center">
-                                        <img src="../picture/573690bc6a256.jpg" />
-                                    </p>
-                                    <p>
-                                        <br />
-                                    </p>
-                                    项目管理系统
-                                    <br />
-                                    <br />
-                                    <p>
-                                        项目管理系统是XXX基于sharepoint自主研发的产品，协助企业管理自身项目的组成员情况/进度/里程碑/风险等。同时可以与企业已存在OA，ERP，HR或财务系统进行结合。一直受到用户的好评。
-                                    </p>
-                                    <p>
-                                        <br />
-                                    </p>
-                                    <p align="center">
-                                        <img src="../picture/573690a889b44.jpg" />
-                                    </p>
-                                    <br />
-                                    解决方案开发：
-                                    <br />
-                                    <br />
-                                    档案管理系统，门户定制开发，项目管理系统，私有云平台搭建，AD升级，数据备份，邮件归档
-                                    <br />
-                                    <br />
-                                    门户产品：
-                                    <br />
-                                    <br />
-                                    www.spla.com.cn
-                                    <br />
-                                    <br />
-                                    www.adaide.cn
-                                    <br />
-                                    <br />
-                                    合作伙伴：
-                                    <br />
-                                    <br />
-                                    <p>
-                                        NEC, 惠普，浪潮，微软，orcal，思科，symantec，Messagesolution，建恒信安，清信安，一正启源
-                                    </p>
+                                <div class="com-cnt page-content data-innerpage" >
+                                  
                                     <div id="pages" class="page">
                                     </div>
                                 </div>
                             </div>
-                        </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
+                        </div>
+						
+                      <div id="sidebar"></div>
+						<script>
+						$("#sidebar").load("common/sidebar.html");
+						</script>
+						
+					</div>
                 </div>
             </div>
             <div class="for-bottom-padding">
-            </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
+            </div>
+			<div id="food"></div>
+			<script>
+			$("#food").load("common/foot.html")
+			</script>
         </div>
         <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
         <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
@@ -708,228 +220,7 @@
         </script>
         <script type="text/javascript" src="../js/script.js">
         </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
+     
     </body>
 
 </html>

html/case.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     
     <head>
@@ -75,13 +75,9 @@
             <script type="text/javascript" src="../js/excanvas.compiled.js">
             </script>
         <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_36 .menu1").addClass("active");
-            });
-        </script>
+         
         <title>
-            成功案例-XXX信息技术（北京）有限公司
+            荆鹏软件集团有限公司
         </title>
     </head>
     
@@ -120,215 +116,63 @@
             </style>
         <![endif]-->
         <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
+        
+		<div id="head"></div>
+		<script>
+		$("#head").load("common/head.html");
+		$(function() {
+			
+			//公共属性
+			getData();
+			
+			function getData(){
+					console.log(Constant)
+					$.post(Constant.serverUrl+"api/mhdata/getList",{
+												code:Constant.query.jpcode,
+												id:Constant.query.id,
+														pageSize:12,
+														pageIndex:Constant.query.pageIndex,
+												isdetails:1
+					},function(data,status){
+						$(".data-title").text(data.data.dic.name)
+						var list=data.data.data.data;
+						
+								$("#case-temp").tmpl(list).prependTo(".data-case")
+								initpage(data.data.data,"case.html?jpcode="+Constant.query.jpcode)
+						
+					})
+				}
+						function initpage(data,html){
+							if(data.totalPage==0){
+								
+								return
+							}
+							$(".pagination-wrap").show()
+							$(".pagination-wrap").find(".a1").text(data.recordsTotal)
+							$(".pagination-wrap").find(".first").attr("href",html+"&pageIndex=1")
+							var item=$(".pagination-wrap").find(".first");
+							
+							for(var i= data.pageNumber+5;i>data.pageNumber-5 ;i--){
+								if(i<=0||i>data.totalPage){
+									
+								}else if(i==data.pageNumber){
+									item.after("<span>"+i+"</span>")
+								}else{
+									item.after("<a href='"+html+"&pageIndex="+i+"'​>"+i+"</a>")
+								}
+							}
+							
+							$(".pagination-wrap").find(".last").attr("href",html+"&pageIndex="+data.recordsTotal)
+							
+							
+						}
+			})
+		</script>
+			<div class="breadcrumb-wrapper">
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            成功案例
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                           
                         </div>
                         <div class="col-md-9 col-sm-8 location">
                             <i class="fa fa-map-marker">
@@ -340,8 +184,8 @@
                                     网站首页
                                 </a>
                                 &gt
-                                <a href="#"​>
-                                    成功案例
+                                <a href="#"​ class="data-title">
+                                   
                                 </a>
                             </span>
                         </div>
@@ -350,187 +194,51 @@
             </div>
             <div class="page-container" id="innerpage-wrap">
                 <div class="container">
-                    <div class="row">
+                    <div class="row">
+						<script type="text/text/x-jquery-tmpl" id="case-temp">
+							<div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
+							    <div class="inner-contents">
+							        <figure>
+							            <a class="gallery-btn swipebox" href="about.html?jpcode=${type}&id=${id}">
+							                查看更多
+							            </a>
+							            <div class="media-container">
+							            </div>
+							            <img src="${logo}" alt="Photo" />
+							        </figure>
+							        <h5 class="item-title">
+							            <a href="about.html?jpcode=${type}&id=${id}"​ title="${title}">
+							                ${title}
+							            </a>
+							        </h5>
+							    </div>
+							</div>
+							
+							
+						</script>
                         <div class="main col-md-9 inner-left" role="main">
                             <div class="our-work picture-wrap">
-                                <div id="gallery-container">
-                                    <div class="row gallery-3-columns isotope-x clearfix">
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/573699d3ab712.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="平安车险案例">
-                                                        平安车险案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/5736983b1e34c.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/57369946eb5e1.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="中国银行案例">
-                                                        中国银行案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/5736989dd71ab.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="天安人寿保险案例">
-                                                        天安人寿保险案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/5736983b1e34c.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/573698365b3da.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="光大银行案例">
-                                                        光大银行案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/57369616e45db.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/57369754d6ea1.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="北京银行案例">
-                                                        北京银行案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/573696e4b8195.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/573696d0cb467.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="正德人寿保险案例">
-                                                        正德人寿保险案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/573695c5b86bd.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/5736967766cae.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="慕尼黑再保险">
-                                                        慕尼黑再保险
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/57369616e45db.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/57369608d1425.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="凯撒旅游案例">
-                                                        凯撒旅游案例
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                        <div class="gallery-item isotope-item print-media col-lg-4 col-sm-4 col-xs-6">
-                                            <div class="inner-contents">
-                                                <figure>
-                                                    <a class="gallery-btn swipebox" href="/Uploads/201605/573695c5b86bd.jpg">
-                                                        查看更多
-                                                    </a>
-                                                    <div class="media-container">
-                                                    </div>
-                                                    <img src="../picture/5736971fdbacd.jpg" alt="Photo" />
-                                                </figure>
-                                                <h5 class="item-title">
-                                                    <a href="#"​ title="中钢吉林机电研究院">
-                                                        中钢吉林机电研究院
-                                                    </a>
-                                                </h5>
-                                            </div>
-                                        </div>
-                                    </div>
-                                    <div id="pages" class="page">
-                                        <a class="a1">
-                                            10条
-                                        </a>
-                                        <a class="first" href="/projects.html">
-                                            第一页
-                                        </a>
-                                        <a class="prev" href="/projects.html">
-                                            上一页
-                                        </a>
-                                        <span>
-                                            1
-                                        </span>
-                                        <a href="#"​>
-                                            2
-                                        </a>
-                                        <a class="next" href="/projects/2.html">
-                                            下一页
-                                        </a>
-                                        <a class="last" href="/projects/2.html">
-                                            最后一页
-                                        </a>
+                                <div id="gallery-container">
+									 <div class="row gallery-3-columns isotope-x clearfix  data-case">
+									</div>
+                                   
+                                    <div class="pagination-wrap" style="display: none;">
+                                        <div id="pages">
+                                            <div class="page">
+                                                <a class="a1">
+                                                    
+                                                </a>
+                                                <a class="first" href="/Product.html">
+                                                    第一页
+                                                </a>
+                                               
+                                            
+                                                
+                                                <a class="last" href="/Product/4.html">
+                                                    最后一页
+                                                </a>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -543,284 +251,21 @@
                                 });
                             </script>
                         </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option selected="selected" value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                            <section id="tag_cloud-2" class="widget widget_tag_cloud">
-                                <h3 class="title">
-                                    热门标签
-                                </h3>
-                                <div class="tagcloud clearfix">
-                                    <a href="#"​ class="tag-link-5">
-                                        软件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-6">
-                                        硬件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-7">
-                                        解决方案
-                                    </a>
-                                    <a href="#"​ class="tag-link-9">
-                                        其他业务
-                                    </a>
-                                    <a href="#"​ class="tag-link-37">
-                                        软件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-38">
-                                        硬件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-39">
-                                        解决方案案例
-                                    </a>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
+                  
+				  <div id="sidebar"></div>
+				  						<script>
+				  						$("#sidebar").load("common/sidebar.html");
+				  						</script>
+										
+					</div>
                 </div>
             </div>
             <div class="for-bottom-padding">
-            </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
+            </div>
+			<div id="food"></div>
+			<script>
+			$("#food").load("common/foot.html")
+			</script>
         </div>
         <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
         <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
@@ -843,229 +288,8 @@
         <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
         </script>
         <script type="text/javascript" src="../js/script.js">
-        </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option selected="selected" value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
+        </script>
+		
     </body>
 
 </html>

html/common/foot.html

@@ -0,0 +1,35 @@
+     <footer id="footer-sec" class="footer">
+                <div class="up-footer">
+                    <div class="container">
+						<script type="text/text/x-jquery-tmpl" id="foot-temp">
+								<div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
+								    <div class="widget footer-widget">
+								        <h2 class="dark-title">
+								            <a href="#"​>
+								                ${title}
+								            </a>
+								        </h2>
+										{{html content}}
+								    </div>
+								</div>
+								                          
+						</script>
+                        <div class="row data-foot" >
+                          
+                            
+                        </div>
+                    </div>
+                </div>
+                <div class="footer-line copyright">
+                    <div class="container">
+                        <p>
+                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
+                            <b>
+                                -向着一流的信息化解决方案提供商而努力着
+                            </b>
+                            All rights reserved.
+                        </p>
+                    </div>
+                </div>
+            </footer>
+       

html/common/head.html

@@ -0,0 +1,252 @@
+	<script type="text/javascript" src="../js/jquery.tmpl.js">
+		</script>
+<script>
+
+	
+$(function() {
+	
+	//公共属性
+	getInit();
+	
+	function getInit(){
+			var version =window.localStorage.getItem("jp-mh-version")
+			if(!version){
+				version=0;
+			}
+			 $.post(Constant.serverUrl+"api/mhdata/getVersion",{
+				 version:version
+			 },function(data,status){
+				
+				 window.localStorage.setItem("jp-mh-version", data.data.version.value)
+				 if(data.data.data){
+					 
+					 window.localStorage.setItem("jp-mh-data",JSON.stringify( data.data.data))
+				 }
+				 if(data.data.versionList){
+					window.localStorage.setItem("jp-mh-head",JSON.stringify( data.data.versionList))
+					
+				 }
+				 headInit()
+				 footInit()
+				 if(jQuery(".data-body").length){
+					  bodyInit();
+				 }
+				
+				 
+			 })
+	}
+	
+	function headInit(){
+		
+		var str=window.localStorage.getItem("jp-mh-head");
+		var list=JSON.parse(str);
+		//var list=data.data.versionList;
+		 var meun={}
+		 list.sort(function(a,b){
+			 a.list=[];
+			 if(a.value=='meun'){
+			 	 meun=a;
+			 }
+		     return a.sortNo-b.sortNo
+		 });
+		 for(var i in list){
+			 for(var j in list){
+				 var a=list[i]
+				 var b=list[j]
+				 if(a.extended1&&b.extended1&&b.parentId==a.id){
+				 	a.list.push(b);
+				 }
+			 }
+		 }
+		
+		
+		var  meunRoot=list.filter(item=>{
+			
+			return item.parentId==meun.id&&item.extended1;
+		});
+		 
+		
+		 $("#navigation-temp").tmpl(meunRoot).prependTo(".data-navigation")
+		$("#navigation-temp-m").tmpl(meunRoot).prependTo(".data-navigation-m")
+		getMmenu()
+		if(Constant.query.jpcode){
+				$("#"+Constant.query.jpcode).parents(".Lev1").find(".menu1").addClass("active"); 
+				$("#"+Constant.query.jpcode).children(".menu1").addClass("active");
+		}else{
+			 $(".menu1").eq(0).addClass("active"); 
+		}
+	}
+	function footInit(){
+		var str=window.localStorage.getItem("jp-mh-data");
+		var data=JSON.parse(str);
+		
+		var  footList=data.filter(item=>{
+			return item.type=='PZ-foot';
+		});
+		
+		$("#foot-temp").tmpl(footList).prependTo(".data-foot")
+		
+	}
+	function bodyInit(){
+		
+		var str=window.localStorage.getItem("jp-mh-data");
+		var data=JSON.parse(str);
+		
+		var  footList=data.filter(item=>{
+			return item.type=='PZ-body';
+		});
+		
+		$("#body-temp").tmpl(footList).prependTo(".data-body")
+		
+	}
+	function getMmenu(){
+		var mmenu = $('nav#mmenu').mmenu({
+		    slidingSubmenus: true,
+		    classes: 'mm-white',
+		    //mm-fullscreen mm-light
+		    extensions: ["theme-white"],
+		    offCanvas: {
+		        position: "right",
+		        //left, top, right, bottom
+		        zposition: "front" //back, front,next
+		        //modal		: true
+		    },
+		    searchfield: false,
+		    counters: false,
+		    //navbars		: {
+		    //content : [ "prev", "title", "next" ]
+		    //},
+		    navbar: {
+		        title: "网站导航"
+		    },
+		    header: {
+		        add: true,
+		        update: true,
+		        title: "网站导航"
+		    }
+		});
+		$(".closemenu").click(function() {
+		    var mmenuAPI = $("#mmenu").data("mmenu");
+		    mmenuAPI.close();
+		});
+	}
+	
+})
+</script>
+		
+		<header class="header clearfix" id="header-sec">
+		               <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
+		                   <div class="navbar-header">
+		                       <a class="navbar-toggle mmenu-btn" href="#mmenu">
+		                           <span class="icon-bar">
+		                           </span>
+		                           <span class="icon-bar">
+		                           </span>
+		                           <span class="icon-bar">
+		                           </span>
+		                       </a>
+		                       <a class="navbar-brand" href="index.html">
+		                           <img alt="Logo" src="../picture/logo.png" />
+		                       </a>
+		                   </div>
+						   <script type="text/text/x-jquery-tmpl" id="navigation-temp">
+								<li class="Lev1 drop" id="${value}">
+									<a 
+									{{if list.length==0}}
+									href="${extended3}?jpcode=${value}"​
+									 {{/if}}	
+									 class="menu1">
+										${name}
+										{{if list.length}}
+										<i class="fa fa-caret-down"> </i>
+										{{/if}}		
+									</a>
+														
+									 <ul class="drop-down sub-menu2">
+									 {{each(i,item) list}}
+										    <li class="Lev2" id="${item.value}" >
+										        <a href="${item.extended3}?jpcode=${item.value}"  class="menu2">
+										                      ${item.name}
+										            </a>
+										    </li>
+									  {{/each}}
+									</ul>
+								</li>
+						   </script>
+		                   <div class="navbar-collapse collapse" id="navigation">
+		                       <ul class="nav navbar-nav navbar-right data-navigation">
+		                          
+		               
+		                          
+								   
+		                           <li class="zoom drop nav-search">
+		                               <a href="#"​ class="open-search">
+		                                   <i class="fa fa-search">
+		                                   </i>
+		                               </a>
+		                               <form class="form-search" method="get" action="query.html?">
+		                                   <input type="hidden" name="jpcode" value="query" />
+		                               
+		                                   <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
+		                                   />
+		                                   <button type="submit">
+		                                       <i class="fa fa-search">
+		                                       </i>
+		                                   </button>
+		                               </form>
+		                           </li>
+		                         
+		                       </ul>
+		                   </div>
+		               </nav>
+		           </header>
+ 
+ 
+ <nav id="mmenu" class="noDis">
+     <div class="mmDiv">
+        
+         <div class="mm-search">
+             <form method="get" class="mm-search-form" action="query.html?">
+                <input type="hidden" name="jpcode" value="query" />
+                		    
+                 <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
+                 placeholder="输入关键字..." />
+             </form>
+         </div>
+		 <script type="text/text/x-jquery-tmpl" id="navigation-temp-m">
+				
+				<li class="m-Lev1 m-nav_0">
+				    <a 
+					
+					{{if list.length==0}}
+					href="${extended3}?jpcode=${value}"​
+					 {{/if}}
+					 
+					>
+				        ${name}
+				    </a>
+					{{if list.length}}
+					<ul class="m-submenu">
+						 {{each(i,item) list}}
+							<li class="Lev2">
+							    <a href="${item.extended3}?jpcode=${item.value}"​ class="m-menu2">
+							        ${item.name}
+							    </a>
+							</li>
+						 {{/each}}
+						 
+		 				</ul>
+							{{/if}}		
+		 			</li>
+					
+		 </script>
+         <ul class="data-navigation-m">
+             
+         </ul>
+     </div>
+ </nav>
+ <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
+ />
+ <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
+ </script>
+ 

html/common/sidebar.html

@@ -0,0 +1,106 @@
+  <aside class="sidebar col-md-3 inner-right" role="complementary">
+                            <section class="widget side-search">
+                                <h3 class="title">
+                                    站内搜索
+                                </h3>
+                                <form role="search" method="get" id="searchform" class="searchform" action="query.html?">
+                                   <input type="hidden" name="jpcode" value="query" />
+                                   		                               
+                                    
+                                    <div class="sform-div">
+                                        <label class="screen-reader-text" for="s">
+                                        </label>
+                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
+                                        />
+                                        <input type="submit" id="searchsubmit" value="" />
+                                    </div>
+                                </form>
+                            </section>
+							<script type="text/text/x-jquery-tmpl" id="body-temp">
+										<section class="widget widget-category side-contact">
+										    <h3 class="title">
+										        ${title}
+										    </h3>
+										    {{html content}}
+										</section>
+							</script>
+							<div class="data-body" style="margin-bottom: 35px;">
+								
+							</div>
+                           
+                            <section class="widget side-news">
+                                <h3 class="title">
+                                    热点新闻
+                                </h3>
+                                <div class="tabbed custom-tabbed">
+                                    <div class="block current">
+                                        <ul class="widget-list">
+                                            <li>
+                                                <figure>
+                                                    <a href="#"​>
+                                                        <img src="../picture/5736bdb5724b6.jpg" />
+                                                    </a>
+                                                </figure>
+                                                <div class="sn-wrapper">
+                                                    <p class="s-desc">
+                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
+                                                            微软的2015：从沉睡巨人到技术领先者
+                                                        </a>
+                                                    </p>
+                                                    <span class="comments">
+                                                        <i class="fa fa-calendar">
+                                                        </i>
+                                                        &nbsp;2016-05-14
+                                                    </span>
+                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
+                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <figure>
+                                                    <a href="#"​>
+                                                        <img src="../picture/573693850e98c.jpg" />
+                                                    </a>
+                                                </figure>
+                                                <div class="sn-wrapper">
+                                                    <p class="s-desc">
+                                                        <a href="#"​ title="创新之道，不破不立">
+                                                            创新之道，不破不立
+                                                        </a>
+                                                    </p>
+                                                    <span class="comments">
+                                                        <i class="fa fa-calendar">
+                                                        </i>
+                                                        &nbsp;2016-05-14
+                                                    </span>
+                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
+                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
+                                                </div>
+                                            </li>
+                                            <li>
+                                                <figure>
+                                                    <a href="#"​>
+                                                        <img src="../picture/573696d0cb467.jpg" />
+                                                    </a>
+                                                </figure>
+                                                <div class="sn-wrapper">
+                                                    <p class="s-desc">
+                                                        <a href="#"​ title="微软公布新一代Windows">
+                                                            微软公布新一代Windows
+                                                        </a>
+                                                    </p>
+                                                    <span class="comments">
+                                                        <i class="fa fa-calendar">
+                                                        </i>
+                                                        &nbsp;2016-05-14
+                                                    </span>
+                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
+                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </section>
+                        </aside>
+						

html/contact.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     
     <head>
@@ -75,13 +75,9 @@
             <script type="text/javascript" src="../js/excanvas.compiled.js">
             </script>
         <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_12 .menu1").addClass("active");
-            });
-        </script>
+      
         <title>
-            联系我们-XXX信息技术（北京）有限公司
+            荆鹏软件集团有限公司
         </title>
     </head>
     
@@ -120,215 +116,41 @@
             </style>
         <![endif]-->
         <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
+       
+	   <div id="head"></div>
+	   <script>
+	   $("#head").load("common/head.html");
+	   $(function() {
+	   	
+	   	//公共属性
+	   	getData();
+	   	
+	   	function getData(){
+	   		console.log(Constant)
+	   		$.post(Constant.serverUrl+"api/mhdata/getList",{
+	   									code:Constant.query.jpcode,
+	   									id:Constant.query.id,
+	   									isdetails:1
+	   		},function(data,status){
+	   			$(".data-title").text(data.data.dic.name)
+	   			var list=data.data.data.data;
+	   			for(var i in list){
+	   				var item=$(list[i].content)
+	   				
+	   				$(".data-contact").append(item);
+					 
+	   			}
+	   			
+	   		})
+	   	}
+	   })
+	   </script>
+	   
+			<div class="breadcrumb-wrapper">
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            联系我们
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                             
                         </div>
                         <div class="col-md-9 col-sm-8 location">
                             <i class="fa fa-map-marker">
@@ -340,8 +162,8 @@
                                     网站首页
                                 </a>
                                 &gt
-                                <a href="#"​>
-                                    联系我们
+                                <a href="#"​ class="data-title">
+                                   
                                 </a>
                             </span>
                         </div>
@@ -353,39 +175,12 @@
                     <div class="row">
                         <div class="main col-md-9 inner-left" role="main">
                             <div class="about-page-wrap">
-                                <div class="com-cnt page-content">
-                                    <p>
-                                        <span style="color:#E53333;font-size:16px;">
-                                            <strong>
-                                                XXX信息技术（北京）有限公司
-                                            </strong>
-                                        </span>
-                                    </p>
-                                    <p>
-                                        <br />
-                                    </p>
-                                    集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    <p>
-                                        网址：XXX
-                                    </p>
-                                    <p>
-                                        <br />
-                                    </p>
-                                    <p>
-                                        <img src="../picture/57368ff72b7fc.jpg" />
-                                    </p>
-                                    <div id="pages" class="page">
-                                    </div>
-                                </div>
+                                <div class="com-cnt page-content data-contact">
+                                    
+                                    
+                                </div>
+								
+								
                                 <div id="contact-wrap">
                                     <h3 class="msg-title">
                                         给我们留言
@@ -480,285 +275,24 @@
                                 </div>
                             </div>
                         </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                            <section id="tag_cloud-2" class="widget widget_tag_cloud">
-                                <h3 class="title">
-                                    热门标签
-                                </h3>
-                                <div class="tagcloud clearfix">
-                                    <a href="#"​ class="tag-link-5">
-                                        软件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-6">
-                                        硬件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-7">
-                                        解决方案
-                                    </a>
-                                    <a href="#"​ class="tag-link-9">
-                                        其他业务
-                                    </a>
-                                    <a href="#"​ class="tag-link-37">
-                                        软件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-38">
-                                        硬件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-39">
-                                        解决方案案例
-                                    </a>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
+                   
+				   <div id="sidebar"></div>
+				   						<script>
+				   						$("#sidebar").load("common/sidebar.html");
+				   						</script>
+										
+					</div>
                 </div>
             </div>
             <div class="for-bottom-padding">
             </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
+    <div id="food"></div>
+    <script>
+    $("#food").load("common/foot.html")
+    </script>
+	
+	
+		</div>
         <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
         <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
         <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
@@ -781,228 +315,7 @@
         </script>
         <script type="text/javascript" src="../js/script.js">
         </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
+       
     </body>
 
 </html>

html/job.html

@@ -1,953 +0,0 @@
-<!DOCTYPE html>
-<html>
-    
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <meta name="renderer" content="webkit" />
-        <meta name="robots" content="index, follow" />
-        <meta name="keywords" content="" />
-        <meta name="description" content="" />
-        <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
-        />
-        <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
-        media="screen"/>
-        -->
-        <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
-        />
-        <script type="text/javascript" src="../js/jquery.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.migrate.js">
-        </script>
-        <script type="text/javascript" src="../js/bootstrap.js">
-        </script>
-        <script type="text/javascript" src="../js/owl.carousel.min.js">
-        </script>
-        <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
-        the end of file. -->
-        <!--[if lt IE 9]>
-            <script src="../js/html5.js">
-            </script>
-            <script src="../js/respond.min.js">
-            </script>
-            <style>
-                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
-            </style>
-            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
-            />
-        <![endif]-->
-        <!--[if lte IE 9]>
-            <script src="../js/jquery.placeholder.js">
-            </script>
-            <script>
-                jQuery(document).ready(function($) {
-                    $('input, textarea').placeholder();
-                });
-            </script>
-            <script type="text/javascript" src="../js/pie.js">
-            </script>
-            <script type="text/javascript">
-                jQuery(document).ready(function($) {
-                    $('.indexci img').each(function() {
-                        PIE.attach(this);
-                    });
-                });
-            </script>
-        <![endif]-->
-        <!--[if (gte IE 6)&(lte IE 8)]>
-            <script type="text/javascript" src="../js/ie8-eventlistener.js">
-            </script>
-            <script type="text/javascript" src="../js/selectivizr.js">
-            </script>
-            <script type="text/javascript" src="../js/excanvas.compiled.js">
-            </script>
-        <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_32 .menu1").addClass("active");
-            });
-        </script>
-        <title>
-            诚聘英才-XXX信息技术（北京）有限公司
-        </title>
-    </head>
-    
-    <body>
-        <!--[if lt IE 8]>
-            <div class="lt-ie8-bg">
-                <p class="browsehappy">
-                    You are using an
-                    <strong>
-                        outdated
-                    </strong>
-                    browser.
-                </p>
-                <p>
-                    Please
-                    <a href="#"​>
-                        upgrade your browser
-                    </a>
-                    to improve your experience.
-                </p>
-                <p class="browsehappy">
-                    对不起，您正在使用的是
-                    <strong>
-                        过时
-                    </strong>
-                    的浏览器.
-                </p>
-                <p>
-                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
-                </p>
-            </div>
-            <style>
-                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
-                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
-                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
-            </style>
-        <![endif]-->
-        <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            诚聘英才
-                        </div>
-                        <div class="col-md-9 col-sm-8 location">
-                            <i class="fa fa-map-marker">
-                            </i>
-                            &nbsp;
-                            <span>
-                                当前位置：
-                                <a href="#"​>
-                                    网站首页
-                                </a>
-                                &gt
-                                <a href="#"​>
-                                    诚聘英才
-                                </a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="page-container" id="innerpage-wrap">
-                <div class="container">
-                    <div class="row">
-                        <div class="main col-md-9 inner-left" role="main">
-                            <div class="about-page-wrap">
-                                <div class="com-cnt page-content">
-                                    <strong>
-                                        <span style="font-size:16px;color:#E53333;">
-                                            高级.net开发工程师
-                                        </span>
-                                    </strong>
-                                    <br />
-                                    <br />
-                                    职位描述:
-                                    <br />
-                                    <br />
-                                    ◆岗位职责：
-                                    <br />
-                                    1.理解需求，参与设计，并按照设计开发功能模块；
-                                    <br />
-                                    2.持续重构，编写高质量的代码；
-                                    <br />
-                                    3.配合测试工作，提高产品质量。
-                                    <br />
-                                    <br />
-                                    ◆任职要求：
-                                    <br />
-                                    1.三年以上ASP.NET开发经验，专科及以上学历。
-                                    <br />
-                                    2.理解.Net Framework.
-                                    <br />
-                                    3.深入了解B/S体系架构。
-                                    <br />
-                                    4.精通Web前端技术，如HTML，CSS，JavaScript。
-                                    <br />
-                                    5.熟悉Ajax框架，精通JQuery者优先。
-                                    <br />
-                                    6.了解设计模式和面向对象的软件设计原则者优先。
-                                    <br />
-                                    7.能够编写单元测试，熟悉测试驱动开发。
-                                    <br />
-                                    <br />
-                                    <strong>
-                                        <span style="font-size:16px;color:#E53333;">
-                                            高级java开发工程师
-                                        </span>
-                                    </strong>
-                                    <br />
-                                    <br />
-                                    职位描述：
-                                    <br />
-                                    1、参与门户平台的需求分析和设计;
-                                    <br />
-                                    2、参与系统核心代码的开发;
-                                    <br />
-                                    3、参与文档审核、代码审核等;
-                                    <br />
-                                    4、对项目组其他成员提供技术指导.
-                                    <br />
-                                    <br />
-                                    职位要求：
-                                    <br />
-                                    1、大学本科以上学历;
-                                    <br />
-                                    2、精通web开发，熟悉JSP/Servlet、JS、Jquery等WEB开发技术，熟悉spring，Struts和Hibernate等主流的开发框架，并有java线程、socket、设计模式等编程经验;
-                                    <br />
-                                    3、熟悉ORACLE的设计和开发;
-                                    <br />
-                                    4、3年以上java开发经验，有跨系统交互开发经验者优先;
-                                    <br />
-                                    5、最好有互联网（电子商务）行业相关工作经验.
-                                    <br />
-                                    6、具备良好的识别和设计通用框架及模块的能力；学习能力强，适应能力好；有潜力，有激情，自我要求高；
-                                    <br />
-                                    7、具有独立的项目开发经验，能够带领至上一人以上团队按需求完成项目；
-                                    <br />
-                                    8、缜密的逻辑思维，对金融业务知识具有较强的领悟力及学习能力；
-                                    <div id="pages" class="page">
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
-                </div>
-            </div>
-            <div class="for-bottom-padding">
-            </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
-        <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
-        <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.appear.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.isotope.min.js">
-        </script>
-        <script type="text/javascript" src="../js/retina-1.1.0.min.js">
-        </script>
-        <script type="text/javascript" src="../js/plugins-scroll.js">
-        </script>
-        <script type="text/javascript" src="../js/waypoint.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
-        </script>
-        <script type="text/javascript" src="../js/script.js">
-        </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
-    </body>
-
-</html>

html/news.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     
     <head>
@@ -75,13 +75,9 @@
             <script type="text/javascript" src="../js/excanvas.compiled.js">
             </script>
         <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_1 .menu1").addClass("active");
-            });
-        </script>
+     
         <title>
-            新闻资讯-XXX信息技术（北京）有限公司
+            荆鹏软件集团有限公司
         </title>
     </head>
     
@@ -120,215 +116,71 @@
             </style>
         <![endif]-->
         <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
+          <div id="head"></div>
+          <script>
+          $("#head").load("common/head.html");
+		  $(function() {
+		  	
+		  	//公共属性
+		  	getData();
+		  	
+		  	function getData(){
+		  			console.log(Constant)
+		  			$.post(Constant.serverUrl+"api/mhdata/getList",{
+		  										code:Constant.query.jpcode,
+		  										id:Constant.query.id,
+		  												pageSize:10,
+		  												pageIndex:Constant.query.pageIndex,
+		  										isdetails:1
+		  			},function(data,status){
+		  				$(".data-title").text(data.data.dic.name)
+		  				var list=data.data.data.data;
+		  				for(var i in list){
+							var item=list[i]
+							item.createTime=item.createTime.split(" ")[0]
+						}
+						
+		  						$("#news-temp").tmpl(list).prependTo(".data-news")
+								$(".jp-desc-d").each(function(){
+									$(this).text($(this).text())
+								})
+								
+		  						initpage(data.data.data,"news.html?jpcode="+Constant.query.jpcode)
+		  				
+		  			})
+		  		}
+		  				function initpage(data,html){
+		  					if(data.totalPage==0){
+		  						
+		  						return
+		  					}
+		  					$(".pagination-wrap").show()
+		  					$(".pagination-wrap").find(".a1").text(data.recordsTotal)
+		  					$(".pagination-wrap").find(".first").attr("href",html+"&pageIndex=1")
+		  					var item=$(".pagination-wrap").find(".first");
+		  					
+		  					for(var i= data.pageNumber+5;i>data.pageNumber-5 ;i--){
+		  						if(i<=0||i>data.totalPage){
+		  							
+		  						}else if(i==data.pageNumber){
+		  							item.after("<span>"+i+"</span>")
+		  						}else{
+		  							item.after("<a href='"+html+"&pageIndex="+i+"'​>"+i+"</a>")
+		  						}
+		  					}
+		  					
+		  					$(".pagination-wrap").find(".last").attr("href",html+"&pageIndex="+data.recordsTotal)
+		  					
+		  					
+		  				}
+		  	})
+          </script>
+			
+			<div class="breadcrumb-wrapper">
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            新闻资讯
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                            
                         </div>
                         <div class="col-md-9 col-sm-8 location">
                             <i class="fa fa-map-marker">
@@ -340,8 +192,8 @@
                                     网站首页
                                 </a>
                                 &gt
-                                <a href="#"​>
-                                    新闻资讯
+                                <a href="#" class="data-title"​>
+                                    
                                 </a>
                             </span>
                         </div>
@@ -350,497 +202,104 @@
             </div>
             <div class="page-container" id="innerpage-wrap">
                 <div class="container">
-                    <div class="row">
+                    <div class="row">
+						<style >
+						 .jp-desc-d{
+							display: -webkit-box;
+							            display: -moz-box;
+							            white-space: pre-wrap;
+							            word-wrap: break-word;
+							            overflow: hidden;
+							            text-overflow: ellipsis;
+							            -webkit-box-orient: vertical;
+							            -webkit-line-clamp:4;   /*显示行数*/
+						} 
+						</style>
+						<script type="text/text/x-jquery-tmpl" id="news-temp">
+							<div class="blog-article hentry format-image">
+							    <figure>
+							        <!--<span class="format-icon"><i class="fa fa-image"></i></span>-->
+							        <a class="swipebox-x" href="about.html?jpcode=${type}&id=${id}">
+							            <img class="img-responsive" alt="" src="${logo}"
+							            />
+							        </a>
+							    </figure>
+							    <div class="entry-summary post-summary">
+							        <header class="entry-header">
+							            <h2 class="entry-title post-title">
+							                <a href="about.html?jpcode=${type}&id=${id}"​ title="微软的2015：从沉睡巨人到技术领先者">
+							                    ${title}
+							                </a>
+							            </h2>
+							        </header>
+							        <div class="entry-meta post-meta">
+							            <ul>
+							                <li class="entry-date date">
+							                    <time class="entry-date" datetime="2016-05-14 13:55:52">
+							                        ${createTime}
+							                    </time>
+							                </li>
+							                <li class="tags">
+							                    <a href="news.html?jpcode=${type}"​>
+							                         ${typeN}
+							                    </a>
+							                </li>
+							              <!--  <li class="byline author vcard">
+							                    by
+							                    <a href="#"​ class="fn">
+							                        Admin
+							                    </a>
+							                </li> -->
+							            </ul>
+							        </div>
+							        <div class="entry-content jp-desc-d">
+							           {{html content}}
+							        </div>
+							        <a href="about.html?jpcode=${type}&id=${id}"​ class="read-more-link">
+							            查看详细
+							        </a>
+							    </div>
+							</div>
+							
+							
+						</script>
                         <div class="main col-md-9 inner-left" role="main">
-                            <article class="blog-wrap">
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <!--<span class="format-icon"><i class="fa fa-image"></i></span>-->
-                                        <a class="swipebox-x" href="/gongsixinwen/show/12.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736bdb5724b6.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="newsshow.html"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                    微软的2015：从沉睡巨人到技术领先者
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-meta post-meta">
-                                            <ul>
-                                                <li class="entry-date date">
-                                                    <time class="entry-date" datetime="2016-05-14 13:55:52">
-                                                        2016-05-14
-                                                    </time>
-                                                </li>
-                                                <li class="tags">
-                                                    <a href="#"​>
-                                                        公司新闻
-                                                    </a>
-                                                </li>
-                                                <li class="byline author vcard">
-                                                    by
-                                                    <a href="#"​ class="fn">
-                                                        Admin
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-                                        <div class="entry-content">
-                                            <p>
-                                                1.领跑云计算领域微软首席执行官萨蒂亚·纳德拉（Satya Nadella）2015年将云计算明确列为发展重点，微软的Azure平台和Office
-                                                365都是重中之重。云计算业务成为微软增长最快的领域，截止到9月30日结束的第三季度，其...
-                                            </p>
-                                        </div>
-                                        <a href="newsshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <!--<span class="format-icon"><i class="fa fa-image"></i></span>-->
-                                        <a class="swipebox-x" href="/market-news/show/11.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/573693850e98c.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="#"​ title="创新之道，不破不立">
-                                                    创新之道，不破不立
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-meta post-meta">
-                                            <ul>
-                                                <li class="entry-date date">
-                                                    <time class="entry-date" datetime="2016-05-14 13:54:40">
-                                                        2016-05-14
-                                                    </time>
-                                                </li>
-                                                <li class="tags">
-                                                    <a href="#"​>
-                                                        市场活动
-                                                    </a>
-                                                </li>
-                                                <li class="byline author vcard">
-                                                    by
-                                                    <a href="#"​ class="fn">
-                                                        Admin
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-                                        <div class="entry-content">
-                                            <p>
-                                                萨提亚 ∙ 纳德拉是电子工程学学士和计算机科学硕士，程序员出身的他可以说是一个标准的“理科男”。因此，当他走进清华大学，与中国顶尖的理工科学生共聚一堂时，看起来格外轻松自在，感觉就像是回到了家。9月25日...
-                                            </p>
-                                        </div>
-                                        <a href="newsshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <!--<span class="format-icon"><i class="fa fa-image"></i></span>-->
-                                        <a class="swipebox-x" href="/gongsixinwen/show/10.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/573696d0cb467.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="newsshow.html"​ title="微软公布新一代Windows">
-                                                    微软公布新一代Windows
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-meta post-meta">
-                                            <ul>
-                                                <li class="entry-date date">
-                                                    <time class="entry-date" datetime="2016-05-14 13:52:18">
-                                                        2016-05-14
-                                                    </time>
-                                                </li>
-                                                <li class="tags">
-                                                    <a href="#"​>
-                                                        公司新闻
-                                                    </a>
-                                                </li>
-                                                <li class="byline author vcard">
-                                                    by
-                                                    <a href="#"​ class="fn">
-                                                        Admin
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-                                        <div class="entry-content">
-                                            <p>
-                                                2014年9月30日，旧金山——微软公司于周二首次公开了下一代操作系统Windows 10，并且公布了将于10月1日提供给PC的早期技术预览版，新操作系统特别强调针对企业级性能的设计改进，包括更好的用户体验、增强的安全性和...
-                                            </p>
-                                        </div>
-                                        <a href="newsshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <!--<span class="format-icon"><i class="fa fa-image"></i></span>-->
-                                        <a class="swipebox-x" href="/hangyexinwen/show/9.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736989dd71ab.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="newsshow.html"​ title="由世纪互联运营的 Windows Azure 发布 HDInsight 服务公众预览">
-                                                    由世纪互联运营的 Windows Azure 发布 HDInsight 服务公众预览
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-meta post-meta">
-                                            <ul>
-                                                <li class="entry-date date">
-                                                    <time class="entry-date" datetime="2016-05-14 13:51:22">
-                                                        2016-05-14
-                                                    </time>
-                                                </li>
-                                                <li class="tags">
-                                                    <a href="#"​>
-                                                        行业动态
-                                                    </a>
-                                                </li>
-                                                <li class="byline author vcard">
-                                                    by
-                                                    <a href="#"​ class="fn">
-                                                        Admin
-                                                    </a>
-                                                </li>
-                                            </ul>
-                                        </div>
-                                        <div class="entry-content">
-                                            <p>
-                                                如果能善用这些数据，企业用户就可以得到以往难以企及的关键业务洞察。例如，台湾著名茶点连锁餐厅“黑丸”将来自零售网点的销售数据，与人们在社交网络上对其表达的情绪反馈，以及所在地的天气信息等数据相结合，发...
-                                            </p>
-                                        </div>
-                                        <a href="newsshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                            </article>
-                            <div class="pagination-wrap">
-                                <div id="pages">
-                                    <div class="page">
-                                        <a class="a1">
-                                            7条
-                                        </a>
-                                        <a class="first" href="/news.html">
-                                            第一页
-                                        </a>
-                                        <a class="prev" href="/news.html">
-                                            上一页
-                                        </a>
-                                        <span>
-                                            1
-                                        </span>
-                                        <a href="#"​>
-                                            2
-                                        </a>
-                                        <a class="next" href="#">
-                                            下一页
-                                        </a>
-                                        <a class="last" href="#">
-                                            最后一页
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option selected="selected" value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
+                            <article class="blog-wrap data-news">
+                               
+                             </article>
+							  <div class="pagination-wrap" style="display: none;">
+								  <div id="pages">
+									  <div class="page">
+										  <a class="a1">
+											  
+										  </a>
+										  <a class="first" href="/Product.html">
+											  第一页
+										  </a>
+										 
+									  
+										  
+										  <a class="last" href="/Product/4.html">
+											  最后一页
+										  </a>
+									  </div>
+								  </div>
+							  </div>
+						</div>
+                       <div id="sidebar"></div>
+                       						<script>
+                       						$("#sidebar").load("common/sidebar.html");
+                       						</script>
+					</div>
                 </div>
             </div>
             <div class="for-bottom-padding">
             </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
+           <div id="food"></div>
+           <script>
+           $("#food").load("common/foot.html")
+           </script>
+		</div>
         <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
         <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
         <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
@@ -863,228 +322,7 @@
         </script>
         <script type="text/javascript" src="../js/script.js">
         </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option selected="selected" value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
+      
     </body>
 
 </html>

html/newsshow.html

@@ -1,982 +0,0 @@
-<!DOCTYPE html>
-<html>
-    
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <meta name="renderer" content="webkit" />
-        <meta name="robots" content="index, follow" />
-        <meta name="keywords" content="" />
-        <meta name="description" content="1.领跑云计算领域微软首席执行官萨蒂亚·纳德拉（Satya Nadella）2015年将云计算明确列为发展重点，微软的Azure平台和Office 365都是重中之重。云计算业务成为微软增长最快的领域，截止到9月30日结束的第三季度，其..."
-        />
-        <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
-        />
-        <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
-        media="screen"/>
-        -->
-        <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
-        />
-        <script type="text/javascript" src="../js/jquery.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.migrate.js">
-        </script>
-        <script type="text/javascript" src="../js/bootstrap.js">
-        </script>
-        <script type="text/javascript" src="../js/owl.carousel.min.js">
-        </script>
-        <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
-        the end of file. -->
-        <!--[if lt IE 9]>
-            <script src="../js/html5.js">
-            </script>
-            <script src="../js/respond.min.js">
-            </script>
-            <style>
-                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
-            </style>
-            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
-            />
-        <![endif]-->
-        <!--[if lte IE 9]>
-            <script src="../js/jquery.placeholder.js">
-            </script>
-            <script>
-                jQuery(document).ready(function($) {
-                    $('input, textarea').placeholder();
-                });
-            </script>
-            <script type="text/javascript" src="../js/pie.js">
-            </script>
-            <script type="text/javascript">
-                jQuery(document).ready(function($) {
-                    $('.indexci img').each(function() {
-                        PIE.attach(this);
-                    });
-                });
-            </script>
-        <![endif]-->
-        <!--[if (gte IE 6)&(lte IE 8)]>
-            <script type="text/javascript" src="../js/ie8-eventlistener.js">
-            </script>
-            <script type="text/javascript" src="../js/selectivizr.js">
-            </script>
-            <script type="text/javascript" src="../js/excanvas.compiled.js">
-            </script>
-        <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_1 .menu1").addClass("active");
-            });
-        </script>
-        <title>
-            微软的2015：从沉睡巨人到技术领先者-公司新闻-XXX信息技术（北京）有限公司
-        </title>
-    </head>
-    
-    <body>
-        <!--[if lt IE 8]>
-            <div class="lt-ie8-bg">
-                <p class="browsehappy">
-                    You are using an
-                    <strong>
-                        outdated
-                    </strong>
-                    browser.
-                </p>
-                <p>
-                    Please
-                    <a href="#"​>
-                        upgrade your browser
-                    </a>
-                    to improve your experience.
-                </p>
-                <p class="browsehappy">
-                    对不起，您正在使用的是
-                    <strong>
-                        过时
-                    </strong>
-                    的浏览器.
-                </p>
-                <p>
-                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
-                </p>
-            </div>
-            <style>
-                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
-                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
-                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
-            </style>
-        <![endif]-->
-        <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            新闻资讯
-                        </div>
-                        <div class="col-md-9 col-sm-8 location">
-                            <i class="fa fa-map-marker">
-                            </i>
-                            &nbsp;
-                            <span>
-                                当前位置：
-                                <a href="#"​>
-                                    网站首页
-                                </a>
-                                &gt
-                                <a href="#"​>
-                                    新闻资讯
-                                </a>
-                                &gt;
-                                <a href="#"​>
-                                    公司新闻
-                                </a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="page-container" id="innerpage-wrap">
-                <div class="container">
-                    <div class="row">
-                        <div class="main col-md-9 inner-left" role="main">
-                            <div class="blog-post blog-post-wrap">
-                                <h3 class="text-center bp-title">
-                                    微软的2015：从沉睡巨人到技术领先者
-                                </h3>
-                                <small class="text-center bp-desc">
-                                    <i class="fa fa-tag">
-                                    </i>
-                                    &nbsp;
-                                    <a href="#"​>
-                                        公司新闻
-                                    </a>
-                                    &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <i class="fa fa-calendar">
-                                    </i>
-                                    &nbsp;2016-05-14
-                                </small>
-                                <div class="com-cnt page-content bp-content">
-                                    1.领跑云计算领域
-                                    <br />
-                                    <br />
-                                    微软首席执行官萨蒂亚·纳德拉（Satya Nadella）2015年将云计算明确列为发展重点，微软的Azure平台和Office 365都是重中之重。云计算业务成为微软增长最快的领域，截止到9月30日结束的第三季度，其收入增长8%，达到59亿美元。
-                                    <br />
-                                    <br />
-                                    微软在云计算领域取得的成功，让高盛于12月初将微软的评级从“卖出”转为“中性”，目标股价也从45美元提高至57美元。高盛在报告中指出：“微软已经成功将Office安装用户变成Office
-                                    365用户，现在是仅随亚马逊Amazon Web Services之后的第二大云服务供应商。”
-                                    <br />
-                                    <br />
-                                    尽管在云计算业务方面，微软仍落后于亚马逊，但分析师们非常看好微软公司的潜力，相信其将成为2016年云计算领域的重要玩家。投行FBR Capital
-                                    Markets分析师称：“我们认为2016年将是云计算大战极为惨烈的一年，微软将占据有利竞争位置，在企业云方面与亚马逊的Amazon Web
-                                    Services竞争。”
-                                    <br />
-                                    <br />
-                                    2.Windows 10立下大功
-                                    <br />
-                                    <br />
-                                    <p>
-                                        微软发布Windows 8操作系统后曾遭到广泛批评，为了挽回声誉，微软推出了Windows 10，给分析师们留下深刻印象。Windows 10最主要的特性是“通用应用”，允许开发者创建一款应用后，可在微软不同的设备上运行，而无需对应用代码做太大改动。
-                                    </p>
-                                    <p>
-                                        <br />
-                                    </p>
-                                    <p align="center">
-                                        <img src="../picture/5736bdd8aea97.jpg" />
-                                    </p>
-                                    <br />
-                                    此外，微软还推出了全新的浏览器Edge，再加上微软版Siri——Cortana，Windows的形象焕然一新。今年10月，微软公司宣称自7月29日推出以来，Windows
-                                    10装机量已经超过了1.1亿台。
-                                    <br />
-                                    <br />
-                                    3.移动战略转变
-                                    <br />
-                                    <br />
-                                    对于微软手机部门来说，今年是极其艰难的一年。市场研究公司IDC发布数据显示，Windows Phone今年销量预计只占智能手机市场2.2%的份额。此外，微软决定裁员1.8万人，其中多数被裁者都是刚刚被收购的诺基亚硬件部门员工。微软今年虽然发布了Lumia
-                                    950和950XL旗舰手机，但只取得有限成功。
-                                    <br />
-                                    <br />
-                                    全球关键信息和分析提供商IHS公司移动部门负责人伊恩·福格（Ian Fogg）表示：“微软已经习惯了在PC领域占据主导地位，而在智能手机市场的失势让他们意识到，到了该调整策略的时候了！”微软采取的新策略包括向iPhone和安卓用户开放微软自家的Office等软件，微软已经意识到其软件应该被应用到更多设备上，而非仅争夺硬件市场份额。
-                                    <br />
-                                    <br />
-                                    4.HoloLens抢占未来
-                                    <br />
-                                    <br />
-                                    微软2015年发布的最令人感到惊讶的硬件就是HoloLens，它是微软的增强现实头盔，可将全息图像投放到现实世界中。虽然这款产品依然处于起步阶段，但微软已经宣布计划，包括让HoloLens进入太空帮助国际空间站上的宇航员完成任务，与沃尔沃汽车公司签署协议以便让HoloLens出现在沃尔沃展厅中等。
-                                    <br />
-                                    <br />
-                                    分析师认为，微软推出HoloLens至关重要，因为它表明微软仍然具有创新能力。IHS的福格表示：“这表明微软不再是一个沉睡的巨人，而是科技领先者，可以与苹果、谷歌和Facebook等相提并论。”
-                                    <br />
-                                    <div id="pages" class="page">
-                                    </div>
-                                </div>
-                            </div>
-                            <script language="JavaScript" src="../js/index.js">
-                            </script>
-                        </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option selected="selected" value="Article">
-                                                文章模型
-                                            </option>
-                                            <option value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                            <section id="tag_cloud-2" class="widget widget_tag_cloud">
-                                <h3 class="title">
-                                    热门标签
-                                </h3>
-                                <div class="tagcloud clearfix">
-                                    <a href="#"​ class="tag-link-5">
-                                        软件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-6">
-                                        硬件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-7">
-                                        解决方案
-                                    </a>
-                                    <a href="#"​ class="tag-link-9">
-                                        其他业务
-                                    </a>
-                                    <a href="#"​ class="tag-link-37">
-                                        软件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-38">
-                                        硬件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-39">
-                                        解决方案案例
-                                    </a>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
-                </div>
-            </div>
-            <div class="for-bottom-padding">
-            </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
-        <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
-        <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.appear.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.isotope.min.js">
-        </script>
-        <script type="text/javascript" src="../js/retina-1.1.0.min.js">
-        </script>
-        <script type="text/javascript" src="../js/plugins-scroll.js">
-        </script>
-        <script type="text/javascript" src="../js/waypoint.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
-        </script>
-        <script type="text/javascript" src="../js/script.js">
-        </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option selected="selected" value="Article">
-                                    文章模型
-                                </option>
-                                <option value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
-    </body>
-
-</html>

html/product.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
     
     <head>
@@ -36,7 +36,9 @@
         <script type="text/javascript" src="../js/bootstrap.js">
         </script>
         <script type="text/javascript" src="../js/owl.carousel.min.js">
-        </script>
+        </script>
+		<script type="text/javascript" src="../js/script.js">
+		</script>
         <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
         the end of file. -->
         <!--[if lt IE 9]>
@@ -76,13 +78,9 @@
             <script type="text/javascript" src="../js/excanvas.compiled.js">
             </script>
         <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_4 .menu1").addClass("active");
-            });
-        </script>
+        
         <title>
-            主营业务-XXX信息技术（北京）有限公司
+            荆鹏软件集团有限公司
         </title>
     </head>
     
@@ -121,215 +119,66 @@
             </style>
         <![endif]-->
         <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                   <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
+         
+		 <div id="head"></div>
+		 <script>
+		 $("#head").load("common/head.html");
+		 $(function() {
+		 	
+		 	//公共属性
+		 	getData();
+		 	
+		 	function getData(){
+		 		console.log(Constant)
+		 		$.post(Constant.serverUrl+"api/mhdata/getList",{
+		 									code:Constant.query.jpcode,
+		 									id:Constant.query.id,
+											pageSize:10,
+											pageIndex:Constant.query.pageIndex,
+		 									isdetails:1
+		 		},function(data,status){
+		 			$(".data-title").text(data.data.dic.name)
+		 			var list=data.data.data.data;
+		 			
+					$("#product-temp").tmpl(list).prependTo(".data-product")
+					initpage(data.data.data,"product.html?jpcode="+Constant.query.jpcode)
+		 			
+		 		})
+		 	}
+			function initpage(data,html){
+				if(data.totalPage==0){
+					
+					return
+				}
+				$(".pagination-wrap").show()
+				$(".pagination-wrap").find(".a1").text(data.recordsTotal)
+				$(".pagination-wrap").find(".first").attr("href",html+"&pageIndex=1")
+				var item=$(".pagination-wrap").find(".first");
+				
+				for(var i= data.pageNumber+5;i>data.pageNumber-5 ;i--){
+					if(i<=0||i>data.totalPage){
+						
+					}else if(i==data.pageNumber){
+						item.after("<span>"+i+"</span>")
+					}else{
+						item.after("<a href='"+html+"&pageIndex="+i+"'​>"+i+"</a>")
+					}
+				}
+				
+				$(".pagination-wrap").find(".last").attr("href",html+"&pageIndex="+data.recordsTotal)
+				
+				$(".jp-desc-d").each(function(){
+					$(this).text($(this).text())
+				})
+			}
+		 })
+		 </script>
+		 
+			 <div class="breadcrumb-wrapper">
                 <div class="container">
                     <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            主营业务
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                             
                         </div>
                         <div class="col-md-9 col-sm-8 location">
                             <i class="fa fa-map-marker">
@@ -341,148 +190,74 @@
                                     网站首页
                                 </a>
                                 &gt
-                                <a href="#"​>
-                                    主营业务
+                                <a href="#"​ class="data-title">
+                                   
                                 </a>
                             </span>
                         </div>
                     </div>
                 </div>
-            </div>
+            </div>
+			<style >
+			 .jp-desc-d{
+				display: -webkit-box;
+				            display: -moz-box;
+				            white-space: pre-wrap;
+				            word-wrap: break-word;
+				            overflow: hidden;
+				            text-overflow: ellipsis;
+				            -webkit-box-orient: vertical;
+				            -webkit-line-clamp:4;   /*显示行数*/
+			} 
+			</style>
+			<script type="text/text/x-jquery-tmpl" id="product-temp">
+				<div class="blog-article hentry format-image">
+				    <figure>
+				        <a class="c-thumblink" href="about.html?jpcode=${type}&id=${id}">
+				            <img class="img-responsive" alt="" src="${logo}"
+				            />
+				        </a>
+				    </figure>
+				    <div class="entry-summary post-summary">
+				        <header class="entry-header">
+				            <h2 class="entry-title post-title">
+				                <a href="about.html?jpcode=${type}&id=${id}"​ title="${title}">
+				                    ${title}
+				                </a>
+				            </h2>
+				        </header>
+				        <div class="entry-content jp-desc-d">
+				            <p class="d-desc">
+				                {{html content}}
+				            </p>
+				        </div>
+				        <a href="about.html?jpcode=${type}&id=${id}"​ class="read-more-link">
+				            查看详细
+				        </a>
+				    </div>
+				</div>
+				
+			</script>
             <div class="page-container" id="innerpage-wrap">
                 <div class="container">
                     <div class="row">
-                        <div class="main col-md-9 inner-left" role="main">
-                            <article class="blog-wrap downlist-wrap proinfo-list">
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <a class="c-thumblink" href="/software/show/23.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736b3ec9f637.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="productshow.html"​ title="微软 Microsoft系列产品">
-                                                    微软 Microsoft系列产品
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-content">
-                                            <p class="d-desc">
-                                                Microsoft微软公司是世界PC软件开发的先导，由比尔·盖茨与保罗·艾伦是创建于1975年，总部设在华盛顿州的雷德蒙市。目前是全球最大的电脑软件提供商。Microsoft微软公司是世界PC软件开发的先导，由比尔·盖茨与保罗·艾伦是创建于1975年，总部设在
-                                            </p>
-                                        </div>
-                                        <a href="productshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <a class="c-thumblink" href="/software/show/22.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736b394dfb7b.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="productshow.html"​ title="Adobe 系列产品">
-                                                    Adobe 系列产品
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-content">
-                                            <p class="d-desc">
-                                                Adobe 创建于1982年12月，20 多年来一直致力于帮助用户和企业以更好的成本效益，通过更好的方式表达图像、信息 和思想。 公司在数码成像、设计和文档技术方面的创新成果，在这些领域树立了杰出的典范，使数以百万计的人们体
-                                                会到视觉信息交流的强大魅力。
-                                            </p>
-                                        </div>
-                                        <a href="productshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <a class="c-thumblink" href="/software/show/21.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736b308786eb.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="productshow.html"​ title="赛门铁克 Symantec">
-                                                    赛门铁克 Symantec
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-content">
-                                            <p class="d-desc">
-                                                Symantec赛门铁克是提供安全、存储和系统管理解决方案领域的全球领先者，可以帮助个人用户和各种规模的企业保护和管理 其信息，从更广泛的角度更全面，赛门铁克远程控制大师，全球领先的远程控制解决方案，不但集成了功能强大的文件传输工具、安全工具和远程管理工具。
-                                            </p>
-                                        </div>
-                                        <a href="productshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="blog-article hentry format-image">
-                                    <figure>
-                                        <a class="c-thumblink" href="/software/show/20.html">
-                                            <img class="img-responsive" alt="Post Image" src="../picture/5736b29068b5f.jpg"
-                                            />
-                                        </a>
-                                    </figure>
-                                    <div class="entry-summary post-summary">
-                                        <header class="entry-header">
-                                            <h2 class="entry-title post-title">
-                                                <a href="productshow.html"​ title="甲骨文 Oracle">
-                                                    甲骨文 Oracle
-                                                </a>
-                                            </h2>
-                                        </header>
-                                        <div class="entry-content">
-                                            <p class="d-desc">
-                                                Oracle甲骨文公司在多个产品领域和行业领域占据全球第一的位置，其中包括：数据库、数据仓库、基于Linux系统的数据库、 嵌入式数据库、增长最快的中间件、商Oracle甲骨文公司在多个产品领域和行业领域占据全球第一的位置，其中包括：数据库、数据仓库、基于Li
-                                            </p>
-                                        </div>
-                                        <a href="productshow.html"​ class="read-more-link">
-                                            查看详细
-                                        </a>
-                                    </div>
-                                </div>
-                            </article>
-                            <div class="pagination-wrap">
+                        <div class="main col-md-9 inner-left" role="main">
+							<article class="blog-wrap downlist-wrap proinfo-list data-product">
+							
+							</article>
+							
+                            <div class="pagination-wrap" style="display: none;">
                                 <div id="pages">
                                     <div class="page">
                                         <a class="a1">
-                                            16条
+                                            
                                         </a>
                                         <a class="first" href="/Product.html">
                                             第一页
                                         </a>
-                                        <a class="prev" href="/Product.html">
-                                            上一页
-                                        </a>
-                                        <span>
-                                            1
-                                        </span>
-                                        <a href="#"​>
-                                            2
-                                        </a>
-                                        <a href="#"​>
-                                            3
-                                        </a>
-                                        <a href="#"​>
-                                            4
-                                        </a>
-                                        <a class="next" href="/Product/2.html">
-                                            下一页
-                                        </a>
+                                       
+                                    
+                                        
                                         <a class="last" href="/Product/4.html">
                                             最后一页
                                         </a>
@@ -490,280 +265,20 @@
                                 </div>
                             </div>
                         </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option selected="selected" value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
+                      <div id="sidebar"></div>
+                      						<script>
+                      						$("#sidebar").load("common/sidebar.html");
+                      						</script>
+					</div>
                 </div>
             </div>
             <div class="for-bottom-padding">
             </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
+           <div id="food"></div>
+           <script>
+           $("#food").load("common/foot.html")
+           </script>
+		</div>
         <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
         <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
         <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
@@ -784,230 +299,8 @@
         </script>
         <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
         </script>
-        <script type="text/javascript" src="../js/script.js">
-        </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option selected="selected" value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
+        
+       
     </body>
 
 </html>

html/productshow.html

@@ -1,972 +0,0 @@
-<!DOCTYPE html>
-<html>
-    
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <meta name="renderer" content="webkit" />
-        <meta name="robots" content="index, follow" />
-        <meta name="keywords" content="" />
-        <meta name="description" content="Microsoft微软公司是世界PC软件开发的先导，由比尔·盖茨与保罗·艾伦是创建于1975年，总部设在华盛顿州的雷德蒙市。目前是全球最大的电脑软件提供商。Microsoft微软公司是世界PC软件开发的先导，由比尔·盖茨与保罗·艾伦是创建于1975年，总部设在"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
-        />
-        <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
-        media="screen"/>
-        -->
-        <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
-        />
-        <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
-        />
-        <script type="text/javascript" src="../js/jquery.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.migrate.js">
-        </script>
-        <script type="text/javascript" src="../js/bootstrap.js">
-        </script>
-        <script type="text/javascript" src="../js/owl.carousel.min.js">
-        </script>
-        <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
-        the end of file. -->
-        <!--[if lt IE 9]>
-            <script src="../js/html5.js">
-            </script>
-            <script src="../js/respond.min.js">
-            </script>
-            <style>
-                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
-            </style>
-            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
-            />
-        <![endif]-->
-        <!--[if lte IE 9]>
-            <script src="../js/jquery.placeholder.js">
-            </script>
-            <script>
-                jQuery(document).ready(function($) {
-                    $('input, textarea').placeholder();
-                });
-            </script>
-            <script type="text/javascript" src="../js/pie.js">
-            </script>
-            <script type="text/javascript">
-                jQuery(document).ready(function($) {
-                    $('.indexci img').each(function() {
-                        PIE.attach(this);
-                    });
-                });
-            </script>
-        <![endif]-->
-        <!--[if (gte IE 6)&(lte IE 8)]>
-            <script type="text/javascript" src="../js/ie8-eventlistener.js">
-            </script>
-            <script type="text/javascript" src="../js/selectivizr.js">
-            </script>
-            <script type="text/javascript" src="../js/excanvas.compiled.js">
-            </script>
-        <![endif]-->
-        <script type="text/javascript">
-            $(function() {
-                $("#navigation #nav_4 .menu1").addClass("active");
-            });
-        </script>
-        <title>
-            微软 Microsoft系列产品-软件产品-XXX信息技术（北京）有限公司
-        </title>
-    </head>
-    
-    <body>
-        <!--[if lt IE 8]>
-            <div class="lt-ie8-bg">
-                <p class="browsehappy">
-                    You are using an
-                    <strong>
-                        outdated
-                    </strong>
-                    browser.
-                </p>
-                <p>
-                    Please
-                    <a href="#"​>
-                        upgrade your browser
-                    </a>
-                    to improve your experience.
-                </p>
-                <p class="browsehappy">
-                    对不起，您正在使用的是
-                    <strong>
-                        过时
-                    </strong>
-                    的浏览器.
-                </p>
-                <p>
-                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
-                </p>
-            </div>
-            <style>
-                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
-                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
-                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
-            </style>
-        <![endif]-->
-        <div id="container">
-            <header class="header clearfix" id="header-sec">
-                <nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
-                    <div class="navbar-header">
-                        <a class="navbar-toggle mmenu-btn" href="#mmenu">
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                            <span class="icon-bar">
-                            </span>
-                        </a>
-                        <a class="navbar-brand" href="index.html">
-                            <img alt="Logo" src="../picture/logo.png" />
-                        </a>
-                    </div>
-                    <div class="navbar-collapse collapse" id="navigation">
-                        <ul class="nav navbar-nav navbar-right">
-                            <li class="Lev1 drop" id="nav_0">
-                                <a href="index.html"​ class="menu1">
-                                    XXX首页
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            中文版
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            English
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_8">
-                                <a href="about.html"​ class="menu1">
-                                    关于XXX
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2 drop">
-                                        <a href="#"​ class="menu2">
-                                            公司简介
-                                            <i class="fa fa-caret-right">
-                                            </i>
-                                        </a>
-                                        <ul class="drop-down level3 sub-menu3">
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    发展历程
-                                                </a>
-                                            </li>
-                                            <li class="Lev3">
-                                                <a href="#"​ class="menu3">
-                                                    组织架构
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            企业文化
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司相册
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            荣誉资质
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_4">
-                                <a href="product.html"​ class="menu1">
-                                    主营业务
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            其他业务
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_36">
-                                <a href="case.html"​ class="menu1">
-                                    成功案例
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            软件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            硬件产品案例
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            解决方案案例
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1 drop" id="nav_1">
-                                <a href="news.html"​ class="menu1">
-                                    新闻资讯
-                                    <i class="fa fa-caret-down">
-                                    </i>
-                                </a>
-                                <ul class="drop-down sub-menu2">
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            公司新闻
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            行业动态
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            常见问题解答
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            市场活动
-                                        </a>
-                                    </li>
-                                    <li class="Lev2">
-                                        <a href="#"​ class="menu2">
-                                            员工风采
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev1" id="nav_32">
-                                <a href="job.html"​ class="menu1">
-                                    诚聘英才
-                                </a>
-                            </li>
-                            <li class="Lev1" id="nav_12">
-                                <a href="contact.html"​ class="menu1">
-                                    联系我们
-                                </a>
-                            </li>
-                            <li class="zoom drop nav-search">
-                                <a href="#"​ class="open-search">
-                                    <i class="fa fa-search">
-                                    </i>
-                                </a>
-                                <form class="form-search" method="get" action="/index.php?">
-                                    <input type="hidden" name="m" value="Search" />
-                                    <input type="hidden" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <input type="hidden" name="module" value="Product" />
-                                    <input type="search" value="" name="keyword" class="search-input" placeholder="输入关键字"
-                                    />
-                                    <button type="submit">
-                                        <i class="fa fa-search">
-                                        </i>
-                                    </button>
-                                </form>
-                            </li>
-                            <li class="shop-icon nav-social">
-                                <a href="#"​ target="_blank">
-                                    <i class="fa fa-weibo">
-                                    </i>
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
-                </nav>
-            </header>
-            <div class="breadcrumb-wrapper">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-md-3 col-sm-4 bcid-cat">
-                            主营业务
-                        </div>
-                        <div class="col-md-9 col-sm-8 location">
-                            <i class="fa fa-map-marker">
-                            </i>
-                            &nbsp;
-                            <span>
-                                当前位置：
-                                <a href="#"​>
-                                    网站首页
-                                </a>
-                                &gt
-                                <a href="#"​>
-                                    主营业务
-                                </a>
-                                &gt;
-                                <a href="#"​>
-                                    软件产品
-                                </a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="page-container" id="innerpage-wrap">
-                <div class="container">
-                    <div class="row">
-                        <div class="main col-md-9 inner-left" role="main">
-                            <div class="blog-post blog-post-wrap productshow-wrap">
-                                <h3 class="text-center bp-title">
-                                    微软 Microsoft系列产品
-                                </h3>
-                                <small class="text-center bp-desc">
-                                    <i class="fa fa-tag">
-                                    </i>
-                                    &nbsp;
-                                    <a href="#"​>
-                                        软件产品
-                                    </a>
-                                    &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <i class="fa fa-calendar">
-                                    </i>
-                                    &nbsp;2016-05-14
-                                </small>
-                                <div class="com-cnt page-content bp-content">
-                                    软件产品
-                                    <br />
-                                    <br />
-                                    MS-DOS ：微软公司的早期产品，它是一个命令行界面的个人计算机操作系统。
-                                    <br />
-                                    <br />
-                                    Windows系列操作系统：称为“视窗”的图形操作系统；它有很多版本。目前桌上版最新版本是windows 8.1，服务器最新版本是Windows
-                                    Server 2012R2,下一代操作系统叫做Ｗindows 9。Windows几乎预装在所有的个人电脑上。
-                                    <br />
-                                    <br />
-                                    Microsoft Office ：它是微软公司的办公软件套件，根据版本不同可能包括Word（文字处理）、Excel（试算表）、Access（桌面数据库）、PowerPoint（幻灯片制作）、Outlook（个人邮件和日程管理）（Windows
-                                    Vista里叫做Windows Mail）和SharePoint Designer 2007 （网页制作，以前版本名为 FrontPage ）等软件。微软也为Apple
-                                    Macintosh生产使用于苹果电脑的版本。最新版本是2013 Microsoft Office。
-                                    <br />
-                                    &nbsp;
-                                    <br />
-                                    Internet Explorer ：它是微软的网页浏览器。它是目前世界上使用最广泛的一种浏览器，从Windows 95开始，被设置为微软各版本的Windows的默认浏览器。它在Apple
-                                    Macintosh上也可以使用。微软投资了四亿美元来把这种浏览器预装在苹果机上。
-                                    <br />
-                                    <p align="center">
-                                        <img src="../picture/5736b3f3c9af8.jpg" />
-                                    </p>
-                                    Windows Media Player ：它是一个用于播放音频和视频的程序。
-                                    <br />
-                                    <br />
-                                    Microsoft Surface：微软公司新生代的平板电脑，目前最新产品为Microsoft surface pro3.
-                                    <br />
-                                    <br />
-                                    此外，微软最新的智能手机系统是Windows Mobile 最新即时通讯软件是Windows Live Messneger。近几年来，Windows
-                                    Defender,Windows Desktop Search(桌面搜索），Windows Steadystate和虚拟PC也已经发展起来。
-                                    <br />
-                                    <br />
-                                    Games For Windows是微软的新计划，其中就有著名的XBOX 360,DirectX 等。
-                                    <br />
-                                    <br />
-                                    微软也生产一系列参考产品，例如百科全书和地图册，使用Encarta的名称。
-                                    <br />
-                                    <br />
-                                    微软还开发用于应用系统开发的集成开发环境，命名为Microsoft Visual Studio。目前已发布用于.NET环境编程的相应开发工具Visual
-                                    Studio .NET。
-                                    <div id="pages" class="page">
-                                    </div>
-                                </div>
-                            </div>
-                            <script language="JavaScript" src="../js/index.js">
-                            </script>
-                        </div>
-                        <aside class="sidebar col-md-3 inner-right" role="complementary">
-                            <section class="widget side-search">
-                                <h3 class="title">
-                                    站内搜索
-                                </h3>
-                                <form role="search" method="get" id="searchform" class="searchform" action="/index.php?">
-                                    <input type="hidden" id="" name="m" value="Search" />
-                                    <input type="hidden" id="" name="mxi" value="1" />
-                                    <input type="hidden" name="l" value="cn" />
-                                    <div class="selectbox noDis">
-                                        <select id="module" name="module" onChange="" class="">
-                                            <option value="Article">
-                                                文章模型
-                                            </option>
-                                            <option selected="selected" value="Product">
-                                                产品模型
-                                            </option>
-                                            <option value="Picture">
-                                                图片模型
-                                            </option>
-                                            <option value="Download">
-                                                下载
-                                            </option>
-                                            <option value="House">
-                                                房产模型
-                                            </option>
-                                        </select>
-                                    </div>
-                                    <div class="sform-div">
-                                        <label class="screen-reader-text" for="s">
-                                        </label>
-                                        <input type="text" value="" name="keyword" placeholder="输入关键字" id="s"
-                                        />
-                                        <input type="submit" id="searchsubmit" value="" />
-                                    </div>
-                                </form>
-                            </section>
-                            <section class="widget widget-category side-contact">
-                                <h3 class="title">
-                                    联系信息
-                                </h3>
-                                <div class="s-contact">
-                                    <span style="color:#E53333;font-size:16px;">
-                                        XXX信息技术（北京）有限公司
-                                    </span>
-                                    <br />
-                                    服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。
-                                    <br />
-                                    地址：XXX
-                                    <br />
-                                    业务部：XXX
-                                    <br />
-                                    技术部：XXX
-                                    <br />
-                                    邮箱：XXX
-                                    <br />
-                                    网址：XXX
-                                    <br />
-                                </div>
-                            </section>
-                            <section class="widget side-news">
-                                <h3 class="title">
-                                    热点新闻
-                                </h3>
-                                <div class="tabbed custom-tabbed">
-                                    <div class="block current">
-                                        <ul class="widget-list">
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/5736bdb5724b6.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软的2015：从沉睡巨人到技术领先者">
-                                                            微软的2015：从沉睡巨人到技术领先者
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573693850e98c.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="创新之道，不破不立">
-                                                            创新之道，不破不立
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                            <li>
-                                                <figure>
-                                                    <a href="#"​>
-                                                        <img src="../picture/573696d0cb467.jpg" />
-                                                    </a>
-                                                </figure>
-                                                <div class="sn-wrapper">
-                                                    <p class="s-desc">
-                                                        <a href="#"​ title="微软公布新一代Windows">
-                                                            微软公布新一代Windows
-                                                        </a>
-                                                    </p>
-                                                    <span class="comments">
-                                                        <i class="fa fa-calendar">
-                                                        </i>
-                                                        &nbsp;2016-05-14
-                                                    </span>
-                                                    <!--<span class="author">by: <a href="#"​ >Admin</a></span>
-                                                    <a href="#"​ class="link-read-more">查看详细</a>-->
-                                                </div>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </section>
-                            <section id="tag_cloud-2" class="widget widget_tag_cloud">
-                                <h3 class="title">
-                                    热门标签
-                                </h3>
-                                <div class="tagcloud clearfix">
-                                    <a href="#"​ class="tag-link-5">
-                                        软件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-6">
-                                        硬件产品
-                                    </a>
-                                    <a href="#"​ class="tag-link-7">
-                                        解决方案
-                                    </a>
-                                    <a href="#"​ class="tag-link-9">
-                                        其他业务
-                                    </a>
-                                    <a href="#"​ class="tag-link-37">
-                                        软件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-38">
-                                        硬件产品案例
-                                    </a>
-                                    <a href="#"​ class="tag-link-39">
-                                        解决方案案例
-                                    </a>
-                                </div>
-                            </section>
-                        </aside>
-                    </div>
-                </div>
-            </div>
-            <div class="for-bottom-padding">
-            </div>
-            <footer id="footer-sec" class="footer">
-                <div class="up-footer">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col-md-3 col-sm-12 foot-about">
-                                <div class="widget footer-widget text-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            关于XXX
-                                        </a>
-                                    </h2>
-                                    <div class="f-about">
-                                        <p>
-                                            XXX信息技术（北京）有限公司是一家集产品销售、技术服务、软件开发于一身的高科技企业。服务范围涵盖了软件销售、私有云、IT基础架构系统规划、IT咨询、系统实施、信息安全构建、业务系统开发等全方位业务。XXX正在向着一流的信息化解决方案提供商而努力着。旗下产品线：员工自助管理平台系统：随着各企业业使务的迅猛发展，员...
-                                        </p>
-                                    </div>
-                                    <ul class="social-list">
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-tencent-weibo">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​
-                                            target="_blank">
-                                                <i class="fa fa-qq">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-shopping-cart">
-                                                </i>
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="#"​ target="_blank">
-                                                <i class="fa fa-envelope">
-                                                </i>
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-contact">
-                                <div class="widget footer-widget">
-                                    <h2 class="dark-title">
-                                        <a href="#"​>
-                                            联系信息
-                                        </a>
-                                    </h2>
-                                    <div class="f-contact">
-                                        <p>
-                                            <i class="fa fa-map-marker">
-                                            </i>
-                                            &nbsp;地址：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-phone">
-                                            </i>
-                                            &nbsp;业务部电话：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-print">
-                                            </i>
-                                            &nbsp;传真：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-envelope">
-                                            </i>
-                                            &nbsp;邮箱：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-truck">
-                                            </i>
-                                            &nbsp;邮政区码：XXX
-                                        </p>
-                                        <p>
-                                            <i class="fa fa-globe">
-                                            </i>
-                                            &nbsp;网址：XXX
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="clearfix visible-sm-block hidden-sm hidden-xs ">
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-nav">
-                                <div class="widget footer-widget tags-widget">
-                                    <h2>
-                                        友情链接
-                                    </h2>
-                                    <ul>
-                                        <li>
-                                            <a href="XXX"​ target="_blank">
-                                                网页模板
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col-md-3 col-sm-6 hidden-sm hidden-xs foot-qrcode">
-                                <div class="widget footer-widget subscribe-widget">
-                                    <h2>
-                                        扫描二维码
-                                    </h2>
-                                    <div class="f-qrcode">
-                                        <img src="../picture/qrcode.png" />
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="footer-line copyright">
-                    <div class="container">
-                        <p>
-                            COPYRIGHT &copy; 2020 XXX信息技术（北京）有限公司
-                            <b>
-                                -向着一流的信息化解决方案提供商而努力着
-                            </b>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
-            </footer>
-        </div>
-        <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
-        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
-        <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.appear.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.isotope.min.js">
-        </script>
-        <script type="text/javascript" src="../js/retina-1.1.0.min.js">
-        </script>
-        <script type="text/javascript" src="../js/plugins-scroll.js">
-        </script>
-        <script type="text/javascript" src="../js/waypoint.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
-        </script>
-        <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
-        </script>
-        <script type="text/javascript" src="../js/script.js">
-        </script>
-        <nav id="mmenu" class="noDis">
-            <div class="mmDiv">
-                <div class="MMhead">
-                    <a href="#"​ class="closemenu noblock">
-                        x
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        <i class="fa fa-tencent-weibo">
-                        </i>
-                    </a>
-                    <a href="#"​ target="_blank" class="noblock">
-                        English
-                    </a>
-                </div>
-                <div class="mm-search">
-                    <form method="get" class="mm-search-form" action="/index.php?">
-                        <input type="hidden" name="m" value="Search" />
-                        <input type="hidden" name="mxi" value="1" />
-                        <input type="hidden" name="l" value="cn" />
-                        <div class="selectbox noDis">
-                            <select id="module" name="module" onChange="" class="">
-                                <option value="Article">
-                                    文章模型
-                                </option>
-                                <option selected="selected" value="Product">
-                                    产品模型
-                                </option>
-                                <option value="Picture">
-                                    图片模型
-                                </option>
-                                <option value="Download">
-                                    下载
-                                </option>
-                                <option value="House">
-                                    房产模型
-                                </option>
-                            </select>
-                        </div>
-                        <input type="text" autocomplete="off" value="" name="keyword" class="side-mm-keyword"
-                        placeholder="输入关键字..." />
-                    </form>
-                </div>
-                <ul>
-                    <li class="m-Lev1 m-nav_0">
-                        <a href="#"​>
-                            网站首页
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_8">
-                        <a href="#"​ class="m-menu1">
-                            关于XXX
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司简介
-                                </a>
-                                <ul class="m-submenu2">
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            发展历程
-                                        </a>
-                                    </li>
-                                    <li class="m-Lev3">
-                                        <a href="#"​ class="m-menu3">
-                                            组织架构
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    企业文化
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司相册
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    荣誉资质
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_4">
-                        <a href="#"​ class="m-menu1">
-                            主营业务
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    其他业务
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_36">
-                        <a href="#"​ class="m-menu1">
-                            成功案例
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    软件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    硬件产品案例
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    解决方案案例
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_1">
-                        <a href="#"​ class="m-menu1">
-                            新闻资讯
-                        </a>
-                        <ul class="m-submenu">
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    公司新闻
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    行业动态
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    常见问题解答
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    市场活动
-                                </a>
-                            </li>
-                            <li class="Lev2">
-                                <a href="#"​ class="m-menu2">
-                                    员工风采
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="m-Lev1 m-nav_32">
-                        <a href="#"​ class="m-menu1">
-                            诚聘英才
-                        </a>
-                    </li>
-                    <li class="m-Lev1 m-nav_12">
-                        <a href="#"​ class="m-menu1">
-                            联系我们
-                        </a>
-                    </li>
-                </ul>
-            </div>
-        </nav>
-        <link type="text/css" rel="stylesheet" href="../css/jquery.mmenu.all.css"
-        />
-        <script type="text/javascript" src="../js/jquery.mmenu.all.min.js">
-        </script>
-        <script type="text/javascript">
-            jQuery(document).ready(function($) {
-                var mmenu = $('nav#mmenu').mmenu({
-                    slidingSubmenus: true,
-                    classes: 'mm-white',
-                    //mm-fullscreen mm-light
-                    extensions: ["theme-white"],
-                    offCanvas: {
-                        position: "right",
-                        //left, top, right, bottom
-                        zposition: "front" //back, front,next
-                        //modal		: true
-                    },
-                    searchfield: false,
-                    counters: false,
-                    //navbars		: {
-                    //content : [ "prev", "title", "next" ]
-                    //},
-                    navbar: {
-                        title: "网站导航"
-                    },
-                    header: {
-                        add: true,
-                        update: true,
-                        title: "网站导航"
-                    }
-                });
-                $(".closemenu").click(function() {
-                    var mmenuAPI = $("#mmenu").data("mmenu");
-                    mmenuAPI.close();
-                });
-            });
-        </script>
-    </body>
-
-</html>

html/query.html

@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html>
+    
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="renderer" content="webkit" />
+        <meta name="robots" content="index, follow" />
+        <meta name="keywords" content="" />
+        <meta name="description" content="集产品销售、技术服务、软件开发于一身，XXX正在向着一流的信息化解决方案提供商而努力着。"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
+        />
+        <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
+        media="screen"/>
+        -->
+        <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
+        />
+        <script type="text/javascript" src="../js/jquery.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.migrate.js">
+        </script>
+        <script type="text/javascript" src="../js/bootstrap.js">
+        </script>
+        <script type="text/javascript" src="../js/owl.carousel.min.js">
+        </script>
+		<script type="text/javascript" src="../js/script.js">
+		</script>
+        <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
+        the end of file. -->
+        <!--[if lt IE 9]>
+            <script src="../js/html5.js">
+            </script>
+            <script src="../js/respond.min.js">
+            </script>
+            <style>
+                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
+            </style>
+            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
+            />
+        <![endif]-->
+        <!--[if lte IE 9]>
+            <script src="../js/jquery.placeholder.js">
+            </script>
+            <script>
+                jQuery(document).ready(function($) {
+                    $('input, textarea').placeholder();
+                });
+            </script>
+            <script type="text/javascript" src="../js/pie.js">
+            </script>
+            <script type="text/javascript">
+                jQuery(document).ready(function($) {
+                    $('.indexci img').each(function() {
+                        PIE.attach(this);
+                    });
+                });
+            </script>
+        <![endif]-->
+        <!--[if (gte IE 6)&(lte IE 8)]>
+            <script type="text/javascript" src="../js/ie8-eventlistener.js">
+            </script>
+            <script type="text/javascript" src="../js/selectivizr.js">
+            </script>
+            <script type="text/javascript" src="../js/excanvas.compiled.js">
+            </script>
+        <![endif]-->
+        
+        <title>
+            荆鹏软件集团有限公司
+        </title>
+    </head>
+    
+    <body>
+        <!--[if lt IE 8]>
+            <div class="lt-ie8-bg">
+                <p class="browsehappy">
+                    You are using an
+                    <strong>
+                        outdated
+                    </strong>
+                    browser.
+                </p>
+                <p>
+                    Please
+                    <a href="#"​>
+                        upgrade your browser
+                    </a>
+                    to improve your experience.
+                </p>
+                <p class="browsehappy">
+                    对不起，您正在使用的是
+                    <strong>
+                        过时
+                    </strong>
+                    的浏览器.
+                </p>
+                <p>
+                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
+                </p>
+            </div>
+            <style>
+                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
+                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
+                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
+            </style>
+        <![endif]-->
+        <div id="container">
+         
+		 <div id="head"></div>
+		 <script>
+		 $("#head").load("common/head.html");
+		 $(function() {
+		 	
+		 	//公共属性
+		 	getData();
+		 	
+		 	function getData(){
+				$("[name=keyword]").val(Constant.query.keyword)
+		 		console.log(Constant)
+		 		$.post(Constant.serverUrl+"api/mhdata/getList",{
+		 									code:Constant.query.jpcode,
+		 									id:Constant.query.id,
+											pageSize:20,
+											title:Constant.query.keyword,
+											pageIndex:Constant.query.pageIndex,
+		 									isdetails:1
+		 		},function(data,status){
+		 			$(".data-title").text(data.data.dic.name)
+		 			var list=data.data.data.data;
+		 			
+					$("#product-temp").tmpl(list).prependTo(".data-product")
+					initpage(data.data.data,"query.html?jpcode="+Constant.query.jpcode)
+		 			
+		 		})
+		 	}
+			function initpage(data,html){
+				if(data.totalPage==0){
+					
+					return
+				}
+				$(".pagination-wrap").show()
+				$(".pagination-wrap").find(".a1").text(data.recordsTotal)
+				$(".pagination-wrap").find(".first").attr("href",html+"&pageIndex=1")
+				var item=$(".pagination-wrap").find(".first");
+				
+				for(var i= data.pageNumber+5;i>data.pageNumber-5 ;i--){
+					if(i<=0||i>data.totalPage){
+						
+					}else if(i==data.pageNumber){
+						item.after("<span>"+i+"</span>")
+					}else{
+						item.after("<a href='"+html+"&pageIndex="+i+"'​>"+i+"</a>")
+					}
+				}
+				
+				$(".pagination-wrap").find(".last").attr("href",html+"&pageIndex="+data.recordsTotal)
+				
+				$(".jp-desc-d").each(function(){
+					$(this).text($(this).text())
+				})
+			}
+		 })
+		 </script>
+		 
+			 <div class="breadcrumb-wrapper">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                             
+                        </div>
+                        <div class="col-md-9 col-sm-8 location">
+                            <i class="fa fa-map-marker">
+                            </i>
+                            &nbsp;
+                            <span>
+                                当前位置：
+                                <a href="#"​>
+                                    网站首页
+                                </a>
+                                &gt
+                                <a href="#"​ class="data-title">
+                                   
+                                </a>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+			<style >
+			 .jp-desc-d{
+				display: -webkit-box;
+				            display: -moz-box;
+				            white-space: pre-wrap;
+				            word-wrap: break-word;
+				            overflow: hidden;
+				            text-overflow: ellipsis;
+				            -webkit-box-orient: vertical;
+				            -webkit-line-clamp:4;   /*显示行数*/
+			} 
+			</style>
+			<script type="text/text/x-jquery-tmpl" id="product-temp">
+				<div class="blog-article hentry format-image">
+				    <figure>
+				        <a class="c-thumblink" href="about.html?jpcode=${type}&id=${id}">
+				            <img class="img-responsive" alt="" src="${logo}"
+				            />
+				        </a>
+				    </figure>
+				    <div class="entry-summary post-summary">
+				        <header class="entry-header">
+				            <h2 class="entry-title post-title">
+				                <a href="about.html?jpcode=${type}&id=${id}"​ title="${title}">
+				                    ${title}
+				                </a>
+				            </h2>
+				        </header>
+				        <div class="entry-content jp-desc-d">
+				            <p class="d-desc">
+				                {{html content}}
+				            </p>
+				        </div>
+				        <a href="about.html?jpcode=${type}&id=${id}"​ class="read-more-link">
+				            查看详细
+				        </a>
+				    </div>
+				</div>
+				
+			</script>
+            <div class="page-container" id="innerpage-wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="main col-md-9 inner-left" role="main">
+							<article class="blog-wrap downlist-wrap proinfo-list data-product">
+							
+							</article>
+							
+                            <div class="pagination-wrap" style="display: none;">
+                                <div id="pages">
+                                    <div class="page">
+                                        <a class="a1">
+                                            
+                                        </a>
+                                        <a class="first" href="/Product.html">
+                                            第一页
+                                        </a>
+                                       
+                                    
+                                        
+                                        <a class="last" href="/Product/4.html">
+                                            最后一页
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                      <div id="sidebar"></div>
+                      						<script>
+                      						$("#sidebar").load("common/sidebar.html");
+                      						</script>
+					</div>
+                </div>
+            </div>
+            <div class="for-bottom-padding">
+            </div>
+           <div id="food"></div>
+           <script>
+           $("#food").load("common/foot.html")
+           </script>
+		</div>
+        <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
+        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
+        <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.appear.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.isotope.min.js">
+        </script>
+        <script type="text/javascript" src="../js/retina-1.1.0.min.js">
+        </script>
+        <script type="text/javascript" src="../js/plugins-scroll.js">
+        </script>
+        <script type="text/javascript" src="../js/waypoint.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
+        </script>
+        
+       
+    </body>
+
+</html>

html/time.html

@@ -0,0 +1,874 @@
+<!DOCTYPE html>
+<html>
+    
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="renderer" content="webkit" />
+        <meta name="robots" content="index, follow" />
+        <meta name="keywords" content="" />
+        <meta name="description" content="" />
+        <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
+        />
+	
+        <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
+        />
+        <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
+        media="screen"/>
+        -->
+        <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
+        />
+		
+        <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
+        />
+        <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
+        />
+       <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
+        />
+		<style>
+		@import url(../css/time/time.css?family=Fira+Sans:200,400,500);
+		* {
+		  border: 0;
+		  margin: 0;
+		  padding: 0;
+		}
+		
+		html {
+		  height: 100%;
+		}
+		
+		body {
+		  height: inherit;
+		  display: flex;
+		  flex-direction: column;
+		  font-family: "Fira Sans", sans-serif;
+		  -webkit-font-smoothing: antialiased;
+		  -moz-osx-font-smoothing: grayscale;
+		  color: #79838c;
+		}
+		
+		a {
+		  color: #50585f;
+		  text-decoration: none;
+		}
+		a:hover {
+		  color: #383e44;
+		}
+		
+		div.containerTime {
+		  display: flex;
+		  flex: auto;
+		  flex-direction: column;
+		  max-height: 100%;
+		}
+		
+		div.header {
+		  height: auto;
+		  text-align: center;
+		  background: slategrey;
+		  color: ghostwhite;
+		  padding: 2.3rem 1rem 2.3rem 1rem;
+		  position: relative;
+		}
+		div.header:after {
+		  content: "";
+		  position: absolute;
+		  bottom: -5rem;
+		  left: 0rem;
+		  height: 5.1rem;
+		  display: block;
+		  width: 100%;
+		  z-index: 300;
+		  background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
+		  /* FF3.6-15 */
+		  background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
+		  /* Chrome10-25,Safari5.1-6 */
+		  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
+		  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
+		  /* IE6-9 */
+		}
+		div.header h1 {
+		  margin-top: 0.8rem;
+		  margin-bottom: 0.5rem;
+		  font-weight: 200;
+		  font-size: 1.6em;
+		  letter-spacing: 0.1rem;
+		  text-transform: uppercase;
+		}
+		@media (min-width: 62em) {
+		  div.header h1 {
+		    font-size: 1.9em;
+		    letter-spacing: 0.2rem;
+		  }
+		}
+		div.header h2 {
+		  font-size: 1.1em;
+		  font-weight: 400;
+		  color: #cfd7de;
+		  max-width: 30rem;
+		  margin: auto;
+		}
+		
+		div.item {
+		  display: flex;
+		  flex: auto;
+		  overflow-y: auto;
+		  padding: 0rem 1rem 0rem 1rem;
+		}
+		
+		#timeline {
+		  position: relative;
+		  display: table;
+		  height: 100%;
+		  margin-left: auto;
+		  margin-right: auto;
+		  margin-top: 5rem;
+		}
+		#timeline div:after {
+		  content: "";
+		  width: 2px;
+		  position: absolute;
+		  top: 0.5rem;
+		  bottom: 0rem;
+		  left: 60px;
+		  z-index: 1;
+		  background: #C5C5C5;
+		}
+		#timeline h3 {
+		  position: -webkit-sticky;
+		  position: sticky;
+		  top: 5rem;
+		  color: #888;
+		  margin: 0;
+		  font-size: 1em;
+		  font-weight: 400;
+		  line-height: 1.0;
+		}
+		@media (min-width: 62em) {
+		  #timeline h3 {
+		    font-size: 1.1em;
+		  }
+		}
+		#timeline section.year {
+		  position: relative;
+		}
+		#timeline section.year:first-child section {
+		  margin-top: -1.3em;
+		  padding-bottom: 0px;
+		}
+		#timeline section.year section {
+		  position: relative;
+		  padding-bottom: 1.25em;
+		  margin-bottom: 2.2em;
+		}
+		#timeline section.year section h4 {
+		  position: absolute;
+		  bottom: 0;
+		  font-size: 0.9em;
+		  font-weight: 400;
+		  line-height: 1.2em;
+		  margin: 0;
+		  padding: 0 0 0 89px;
+		  color: #C5C5C5;
+		}
+		@media (min-width: 62em) {
+		  #timeline section.year section h4 {
+		    font-size: 1em;
+		  }
+		}
+		#timeline section.year section ul {
+		  list-style-type: none;
+		  padding: 0 0 0 75px;
+		  margin: -1.35rem 0 1em;
+		  /* max-width: 32rem; */
+		  font-size: 1em;
+		}
+		@media (min-width: 62em) {
+		  #timeline section.year section ul {
+		    font-size: 1.1em;
+		    padding: 0 0 0 81px;
+		  }
+		}
+		#timeline section.year section ul:last-child {
+		  margin-bottom: 0;
+		}
+		#timeline section.year section ul:first-of-type:after {
+		  content: "";
+		  width: 10px;
+		  height: 10px;
+		  background: #C5C5C5;
+		  border: 2px solid #FFFFFF;
+		  -webkit-border-radius: 50%;
+		  -moz-border-radius: 50%;
+		  -ms-border-radius: 50%;
+		  border-radius: 50%;
+		  position: absolute;
+		  left: 54px;
+		  top: 3px;
+		  z-index: 2;
+		  box-sizing: unset;
+		}
+		#timeline section.year section ul li {
+		  margin-left: 0.5rem;
+		}
+		#timeline section.year section ul li:before {
+		  content: "·";
+		  margin-left: -0.5rem;
+		  padding-right: 0.3rem;
+		}
+		#timeline section.year section ul li:not(:first-child) {
+		  margin-top: 0.5rem;
+		}
+		#timeline section.year section ul li span.price {
+		  color: mediumturquoise;
+		  font-weight: 500;
+		}
+		
+		.usd {
+		  display: inline;
+		}
+		
+		svg {
+		  border: 3px solid white;
+		  border-radius: 50%;
+		  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+		}
+		</style>
+        <script type="text/javascript" src="../js/jquery.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.migrate.js">
+        </script>
+        <script type="text/javascript" src="../js/bootstrap.js">
+        </script>
+        <script type="text/javascript" src="../js/owl.carousel.min.js">
+        </script>
+		<script>
+		var currency = "BTC";
+		
+		</script>
+        <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
+        the end of file. -->
+        <!--[if lt IE 9]>
+            <script src="../js/html5.js">
+            </script>
+            <script src="../js/respond.min.js">
+            </script>
+            <style>
+                article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
+            </style>
+            <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
+            />
+        <![endif]-->
+        <!--[if lte IE 9]>
+            <script src="../js/jquery.placeholder.js">
+            </script>
+            <script>
+                jQuery(document).ready(function($) {
+                    $('input, textarea').placeholder();
+                });
+            </script>
+            <script type="text/javascript" src="../js/pie.js">
+            </script>
+            <script type="text/javascript">
+                jQuery(document).ready(function($) {
+                    $('.indexci img').each(function() {
+                        PIE.attach(this);
+                    });
+                });
+            </script>
+        <![endif]-->
+        <!--[if (gte IE 6)&(lte IE 8)]>
+            <script type="text/javascript" src="../js/ie8-eventlistener.js">
+            </script>
+            <script type="text/javascript" src="../js/selectivizr.js">
+            </script>
+            <script type="text/javascript" src="../js/excanvas.compiled.js">
+            </script>
+        <![endif]-->
+      
+        <title>
+            荆鹏软件集团有限公司
+        </title>
+    </head>
+    
+    <body>
+        <!--[if lt IE 8]>
+            <div class="lt-ie8-bg">
+                <p class="browsehappy">
+                    You are using an
+                    <strong>
+                        outdated
+                    </strong>
+                    browser.
+                </p>
+                <p>
+                    Please
+                    <a href="#"​>
+                        upgrade your browser
+                    </a>
+                    to improve your experience.
+                </p>
+                <p class="browsehappy">
+                    对不起，您正在使用的是
+                    <strong>
+                        过时
+                    </strong>
+                    的浏览器.
+                </p>
+                <p>
+                    请升级您的浏览器（IE8+，或者是火狐、谷歌、Opera、Safari等现代浏览器），以改进您的用户体验！
+                </p>
+            </div>
+            <style>
+                .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
+                20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
+                solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
+            </style>
+        <![endif]-->
+        <div id="container">
+         
+			<div id="head"></div>
+			<script>
+			$("#head").load("common/head.html");
+			//公共属性
+			 $(function() {
+				getData();
+				
+				function getData(){
+					console.log(Constant)
+					$.post(Constant.serverUrl+"api/mhdata/getList",{
+												code:Constant.query.jpcode,
+												id:Constant.query.id,
+												isdetails:1
+					},function(data,status){
+						$(".data-title").text(data.data.dic.name)
+						var list=data.data.data.data;
+						for(var i in list){
+							var item=$(list[i].content)
+							
+							$(".data-innerpage").append(item);
+						}
+						
+					})
+				}
+			})
+			</script>
+			
+			<div class="breadcrumb-wrapper">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-3 col-sm-4 bcid-cat data-title">
+                            关于XXX
+                        </div>
+                        <div class="col-md-9 col-sm-8 location">
+                            <i class="fa fa-map-marker">
+                            </i>
+                            &nbsp;
+                            <span>
+                                当前位置：
+                                <a href="#"​>
+                                    网站首页
+                                </a>
+                                &gt
+                                <a href="#"​ class="data-title">
+                                   
+                                </a>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="page-container" id="innerpage-wrap">
+                <div class="container">
+                    <div class="row">
+                        <div class="main col-md-9 inner-left" role="main">
+                            <div class="about-page-wrap">
+                                <div class="com-cnt page-content">
+                                    
+									
+									<div class="containerTime">
+									  <div class="header">
+									    <svg xmlns="http://www.w3.org/2000/svg" height="64" width="64">
+									      <defs>
+									        <linearGradient id="verlauf" x1="0%" y1="0%" x2="100%" y2="100%">
+									          <stop offset="0%" stop-color="orange" />
+									          <stop offset="100%" stop-color="chocolate" />
+									        </linearGradient>
+									      </defs>
+									      <path fill="url(#verlauf)" d="M63.04 39.74C58.764 56.885 41.4 67.318 24.256 63.043 7.12 58.768-3.313 41.404.962 24.262 5.234 7.117 22.597-3.318 39.737.957 56.88 5.23 67.313 22.597 63.04 39.74z"/>
+									      <path fill="#FFF" d="M46.11 27.44c.636-4.257-2.606-6.546-7.04-8.073l1.44-5.768-3.512-.876-1.4 5.616c-.923-.23-1.87-.447-2.813-.662l1.41-5.653-3.51-.875-1.438 5.766c-.764-.174-1.514-.346-2.242-.527l.004-.02-4.843-1.208-.934 3.75s2.605.597 2.55.634c1.422.355 1.68 1.296 1.636 2.042l-1.64 6.57c.1.026.226.062.366.118l-.37-.092-2.297 9.205c-.175.43-.616 1.08-1.61.833.035.05-2.552-.637-2.552-.637l-1.743 4.02 4.57 1.138c.85.213 1.682.436 2.502.646l-1.453 5.834 3.507.875 1.44-5.773c.958.26 1.888.5 2.798.726l-1.434 5.745 3.51.875 1.454-5.823c5.987 1.133 10.49.676 12.384-4.74 1.527-4.36-.076-6.874-3.226-8.514 2.294-.53 4.022-2.038 4.483-5.155zm-8.023 11.25c-1.085 4.36-8.426 2.003-10.806 1.412l1.93-7.73c2.38.595 10.01 1.77 8.877 6.318zm1.086-11.312c-.99 3.966-7.1 1.95-9.082 1.457l1.75-7.01c1.98.494 8.364 1.416 7.333 5.553z"/>
+									    </svg>
+									   
+									  </div>
+									  <div class="item">
+									    <div id="timeline">
+									      <div>
+									        <section class="year">
+									          <h3>2007</h3>
+									          <section>
+									            <ul>
+									              <li>Satoshi Nakamoto began working on the Bitcoin concept.</li>
+									            </ul>
+									          </section>     
+									        </section>
+									        <section class="year">
+									          <h3>2008</h3>
+									          <section>
+									            <h4>August</h4>
+									            <ul>
+									              <li>Neal Kin, Vladimir Oksman, and Charles Bry file an application for an encryption patent application.</li>
+									              <li>Bitcoin.org was registered at <a href="https://anonymousspeech.com/">anonymousspeech.com</a>.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>October</h4>
+									            <ul>
+									              <li>Nakamoto describes the Bitcoin currency and solves the problem of double spending.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>The Bitcoin project is registered on <a href="https://sourceforge.net/">SourceForge.net</a>.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2009</h3>
+									          <section>
+									            <h4>January</h4>
+									            <ul>
+									              <li>Block 0 is established.</li>
+									              <li>Version 0.1 of Bitcoin is released.</li>
+									              <li>The first Bitcoin transaction.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>October</h4>
+									            <ul>
+									              <li>An exchange rate is established.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li>Version 0.2 is released.</li>
+									              <li>The difficulty increases.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2010</h3>
+									          <section>
+									            <h4>February</h4>
+									            <ul>
+									              <li>The Bitcoin Market is established as a Bitcoin currency exchange.</li>
+									              <li>Encryption patent is published.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>May</h4>
+									            <ul>
+									              <li>The first real-world transaction using 10,000 BTC spent on pizza.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>July</h4>
+									            <ul>
+									              <li>Version 0.3 released.</li>
+									              <li>In five days, the price grew 1000%, rising from <span class="price">$0.008</span> to  <span class="price">$0.08</span> for 1 bitcoin.</li>
+									              <li>The MtGox Bitcoin currency exchange market is established.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>August</h4>
+									            <ul>
+									              <li>Exploit generates 184 billion Bitcoins.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>October</h4>
+									            <ul>
+									              <li>Financial task force issues warning.</li>
+									              <li>The first public version of an OpenCL miner is released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>Market cap exceeds $1 million USD.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li>Bitcoind compiled for Nokia N900.</li>
+									              <li>First mobile Bitcoin transaction.</li>
+									              <li>Difficulty increases.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2011</h3>
+									          <section>
+									            <h4>January</h4>
+									            <ul>
+									              <li>Silk Road opens for business.</li>
+									              <li>25% of total Bitcoins generated.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>February</h4>
+									            <ul>
+									              <li>Bitcoin reaches parity with US dollar.</li>
+									              <li><a href="https://weusecoins.com/">WeUseCoins.com</a> is created.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>March</h4>
+									            <ul>
+									              <li>Second largest decrease in difficulty.</li>
+									              <li>Britcoin opens for trading.</li>
+									              <li>Bitcoin Brasil opens.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>April</h4>
+									            <ul>
+									              <li>Bitcoin passes parity with Euro.</li>
+									              <li>Difficulty surpasses 100,000.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>June</h4>
+									            <ul>
+									              <li>Bitcoin Market drops PayPal.</li>
+									              <li>The largest percentage price decrease to-date became known as the Great Bubble of 2011. Top of bubble at <span class="price">$31.</span></li>
+									              <li>WikiLeaks starts accepting Bitcoin.</li>
+									              <li>Major breach of security at MtGox.</li>
+									              <li>Difficulty passes 1 million.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>August</h4>
+									            <ul>
+									              <li>Bitcoin Conference and World Expo in New York City, NY.</li>
+									              <li>P2Pool mines its first block.</li>
+									              <li>Back-to-back drop in difficulty.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>September</h4>
+									            <ul>
+									              <li>Casascius coins mint physical Bitcoins.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>Bitcoin & Future Technology European Conference in Prague, Czech Republic.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li><span class="price">$2</span> minimum price after the first price drop.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2012</h3>
+									          <section>
+									            <h4>September</h4>
+									            <ul>
+									              <li>London 2012 Bitcoin Conference.</li>
+									              <li>Bitcoin Foundation begins.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li>Slowly rising for a year. Price at <span class="price">$13.</span></li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2013</h3>
+									          <section>
+									            <h4>February</h4>
+									            <ul>
+									              <li>Version 0.8 released.</li>
+									              <li>Bitcoin goes up to <span class="price">$30.</span></li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>March</h4>
+									            <ul>
+									              <li>Bitcoin spikes to $74.90.</li>
+									              <li>Market cap reaches $1 billion.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>April</h4>
+									            <ul>
+									              <li>Bitcoin surpasses <span class="price">$100.</span></li>
+									              <li>Price hits an all-time high of <span class="price">$266.</span></li>
+									              <li>Bitcoin Central is hacked.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>May</h4>
+									            <ul>
+									              <li>First Bitcoin ATM unveiled.</li>
+									              <li>Bitcoin Central gets hacked again.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>October</h4>
+									            <ul>
+									              <li>FBI shuts down Silk Road.</li>
+									              <li>Bitcoin price drops from <span class="price">$139</span> to <span class="price">$109.71</span> in less than three hours after Silk Road closure, recovers.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>Bitcoin price surges to a new all-time record of <span class="price">$1242.</span></li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li>Price crashed to <span class="price">$600</span>, rebounded to <span class="price">$1000</span>, crashed again to the <span class="price">$500</span> range. Stabilized in between.</li>
+									              <li>China's Central Bank bans Bitcoin transactions.</li>
+									              <li>The network exceeded 10 petahash/sec.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2014</h3>
+									          <section>
+									            <h4>January</h4>
+									            <ul>
+									              <li>Price spiked to <span class="price">$1000</span>, then settled in the <span class="price">$800–$900</span>range.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>March</h4>
+									            <ul>
+									              <li>Version 0.9 released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>June</h4>
+									            <ul>
+									              <li>The network exceeded 100 petahash/sec.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>December</h4>
+									            <ul>
+									              <li>Microsoft began to accept bitcoin to buy Xbox games and Windows apps.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2015</h3>
+									          <section>
+									            <h4>February</h4>
+									            <ul>
+									              <li>Version 0.10 released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>July</h4>
+									            <ul>
+									              <li>Version 0.11 released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>2015 record high of <span class="price">$504.</span></li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2016</h3>
+									          <section>
+									            <h4>January</h4>
+									            <ul>
+									              <li>Price at <span class="price">$1150</span> per bitcoin.</li>
+									              <li>Price fell 30% in a week, reaching a multi-month low of <span class="price">$750.</span></li>
+									              <li>The network exceeded 1 exahash/sec.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>February</h4>
+									            <ul>
+									              <li>Version 0.12 released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>April</h4>
+									            <ul>
+									              <li>Steam started accepting bitcoin as payment.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>August</h4>
+									            <ul>
+									              <li>Version 0.13 released.</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>September</h4>
+									            <ul>
+									              <li>There are 770 bitcoin ATMs worldwide.</li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2017</h3>
+									          <section>
+									            <h4>March</h4>
+									            <ul>
+									              <li>Version 0.14 released.</li>
+									              <li>The price of 1 bitcoin surpassed the spot price of an ounce of gold for the first time.</li>
+									              <li>The number of GitHub projects related to bitcoin passed 10,000.</li>
+									              <li>Price traded above <span class="price">$1290.</span></li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>April</h4>
+									            <ul>
+									              <li>Japan Declares Bitcoin as Legel Tender</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>August</h4>
+									            <ul>
+									              <li>Bitcoin "splits" into Bitcoin (BTC) and Bitcoin Cash (BCH)</li>
+									            </ul>
+									          </section>
+									          <section>
+									            <h4>November</h4>
+									            <ul>
+									              <li>Bitcoin for the first time hit <span class="price">$10,000</span></li>
+									            </ul>
+									          </section>
+									        </section>
+									        <section class="year">
+									          <h3>2019</h3>
+									          <section>
+									            <h4>Today</h4>
+									            <ul>
+									              <li>At the moment, one bitcoin cost:
+									                <span class="price">
+									                  <div class="usd"></div>.
+									                </span>
+									               </li>
+									            </ul>
+									          </section>
+									        </section>
+									      </div>
+									    </div>
+									  </div>
+									</div>
+                                    <div id="pages" class="page">
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+						
+                      <div id="sidebar"></div>
+						<script>
+						$("#sidebar").load("common/sidebar.html");
+						</script>
+						
+					</div>
+                </div>
+            </div>
+            <div class="for-bottom-padding">
+            </div>
+			<div id="food"></div>
+			<script>
+			$("#food").load("common/foot.html")
+			</script>
+        </div>
+        <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
+        <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
+        <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.appear.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.isotope.min.js">
+        </script>
+        <script type="text/javascript" src="../js/retina-1.1.0.min.js">
+        </script>
+        <script type="text/javascript" src="../js/plugins-scroll.js">
+        </script>
+        <script type="text/javascript" src="../js/waypoint.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
+        </script>
+        <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
+        </script>
+        <script type="text/javascript" src="../js/script.js">
+        </script>
+		<script>
+		var Speed_1 = 10; //速度(毫秒)
+		var Space_1 = 20; //每次移动(px)
+		if (document.documentElement.clientWidth>1500){
+		var PageWidth_1 = 366 * 1; //翻页宽度
+		}
+		else if (document.documentElement.clientWidth>1150) {
+		var PageWidth_1 = 326 * 1; //翻页宽度
+		}
+		else {
+		var PageWidth_1 = 366 * 1; //翻页宽度
+		}
+		var interval_1 = 3000; //翻页间隔时间
+		var fill_1 = 0; //整体移位
+		var MoveLock_1 = false;
+		var MoveTimeObj_1;
+		var MoveWay_1="right";
+		var Comp_1 = 0;
+		var AutoPlayObj_1=null;
+		function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
+		function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)}
+		function ISL_GoUp_1(){if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="left";MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);}
+		function ISL_StopUp_1(){if(MoveWay_1 == "right"){return};clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_11').scrollLeft-fill_1)%PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_11').scrollLeft%PageWidth_1);CompScr_1()}else{MoveLock_1=false}
+		AutoPlay_1()}
+		function ISL_ScrUp_1(){if(GetObj('ISL_Cont_11').scrollLeft<=0){GetObj('ISL_Cont_11').scrollLeft=GetObj('ISL_Cont_11').scrollLeft+GetObj('List1_1').offsetWidth}
+		GetObj('ISL_Cont_11').scrollLeft-=Space_1}
+		function ISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="right";ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)}
+		function ISL_StopDown_1(){if(MoveWay_1 == "left"){return};clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_11').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_11').scrollLeft%PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false}
+		AutoPlay_1()}
+		function ISL_ScrDown_1(){if(GetObj('ISL_Cont_11').scrollLeft>=GetObj('List1_1').scrollWidth){GetObj('ISL_Cont_11').scrollLeft=GetObj('ISL_Cont_11').scrollLeft-GetObj('List1_1').scrollWidth}
+		GetObj('ISL_Cont_11').scrollLeft+=Space_1}
+		function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return}
+		var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)<PageWidth_1/2){TempSpace=Math.round(Math.abs(Comp_1/Space_1));if(TempSpace<1){TempSpace=1}}
+		if(Comp_1<0){if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}
+		GetObj('ISL_Cont_11').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)}else{if(Comp_1>TempSpace){Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0}
+		GetObj('ISL_Cont_11').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}
+		function picrun_ini(){
+		GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;
+		GetObj('ISL_Cont_11').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);
+		GetObj("ISL_Cont_11").onmouseover=function(){clearInterval(AutoPlayObj_1)}
+		GetObj("ISL_Cont_11").onmouseout=function(){AutoPlay_1()}
+		AutoPlay_1();
+		}
+		</script>
+     
+    </body>
+
+</html>

js/jquery.tmpl.js

@@ -0,0 +1,492 @@
+/*!
+ * jQuery Templates Plugin 1.0.0pre
+ * http://github.com/jquery/jquery-tmpl
+ * Requires jQuery 1.4.2
+ *
+ * Copyright 2011, Software Freedom Conservancy, Inc.
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ */
+(function( factory ) {
+	if (typeof define === 'function' && define.amd) {
+		// Loading from AMD script loader. Register as an anonymous module.
+		define( ['jquery'], factory );
+	} else {
+		// Browser using plain <script> tag
+		factory( jQuery );
+	}
+}(function( jQuery ){
+	var oldManip = jQuery.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /,
+		newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = [];
+
+	function newTmplItem( options, parentItem, fn, data ) {
+		// Returns a template item data structure for a new rendered instance of a template (a 'template item').
+		// The content field is a hierarchical array of strings and nested items (to be
+		// removed and replaced by nodes field of dom elements, once inserted in DOM).
+		var newItem = {
+			data: data || (data === 0 || data === false) ? data : (parentItem ? parentItem.data : {}),
+			_wrap: parentItem ? parentItem._wrap : null,
+			tmpl: null,
+			parent: parentItem || null,
+			nodes: [],
+			calls: tiCalls,
+			nest: tiNest,
+			wrap: tiWrap,
+			html: tiHtml,
+			update: tiUpdate
+		};
+		if ( options ) {
+			jQuery.extend( newItem, options, { nodes: [], parent: parentItem });
+		}
+		if ( fn ) {
+			// Build the hierarchical content to be used during insertion into DOM
+			newItem.tmpl = fn;
+			newItem._ctnt = newItem._ctnt || newItem.tmpl( jQuery, newItem );
+			newItem.key = ++itemKey;
+			// Keep track of new template item, until it is stored as jQuery Data on DOM element
+			(stack.length ? wrappedItems : newTmplItems)[itemKey] = newItem;
+		}
+		return newItem;
+	}
+
+	// Override appendTo etc., in order to provide support for targeting multiple elements. (This code would disappear if integrated in jquery core).
+	jQuery.each({
+		appendTo: "append",
+		prependTo: "prepend",
+		insertBefore: "before",
+		insertAfter: "after",
+		replaceAll: "replaceWith"
+	}, function( name, original ) {
+		jQuery.fn[ name ] = function( selector ) {
+			var ret = [], insert = jQuery( selector ), elems, i, l, tmplItems,
+				parent = this.length === 1 && this[0].parentNode;
+
+			appendToTmplItems = newTmplItems || {};
+			if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
+				insert[ original ]( this[0] );
+				ret = this;
+			} else {
+				for ( i = 0, l = insert.length; i < l; i++ ) {
+					cloneIndex = i;
+					elems = (i > 0 ? this.clone(true) : this).get();
+					jQuery( insert[i] )[ original ]( elems );
+					ret = ret.concat( elems );
+				}
+				cloneIndex = 0;
+				ret = this.pushStack( ret, name, insert.selector );
+			}
+			tmplItems = appendToTmplItems;
+			appendToTmplItems = null;
+			jQuery.tmpl.complete( tmplItems );
+			return ret;
+		};
+	});
+
+	jQuery.fn.extend({
+		// Use first wrapped element as template markup.
+		// Return wrapped set of template items, obtained by rendering template against data.
+		tmpl: function( data, options, parentItem ) {
+			return jQuery.tmpl( this[0], data, options, parentItem );
+		},
+
+		// Find which rendered template item the first wrapped DOM element belongs to
+		tmplItem: function() {
+			return jQuery.tmplItem( this[0] );
+		},
+
+		// Consider the first wrapped element as a template declaration, and get the compiled template or store it as a named template.
+		template: function( name ) {
+			return jQuery.template( name, this[0] );
+		},
+
+		domManip: function( args, table, callback, options ) {
+			if ( args[0] && jQuery.isArray( args[0] )) {
+				var dmArgs = jQuery.makeArray( arguments ), elems = args[0], elemsLength = elems.length, i = 0, tmplItem;
+				while ( i < elemsLength && !(tmplItem = jQuery.data( elems[i++], "tmplItem" ))) {}
+				if ( tmplItem && cloneIndex ) {
+					dmArgs[2] = function( fragClone ) {
+						// Handler called by oldManip when rendered template has been inserted into DOM.
+						jQuery.tmpl.afterManip( this, fragClone, callback );
+					};
+				}
+				oldManip.apply( this, dmArgs );
+			} else {
+				oldManip.apply( this, arguments );
+			}
+			cloneIndex = 0;
+			if ( !appendToTmplItems ) {
+				jQuery.tmpl.complete( newTmplItems );
+			}
+			return this;
+		}
+	});
+
+	jQuery.extend({
+		// Return wrapped set of template items, obtained by rendering template against data.
+		tmpl: function( tmpl, data, options, parentItem ) {
+			var ret, topLevel = !parentItem;
+			if ( topLevel ) {
+				// This is a top-level tmpl call (not from a nested template using {{tmpl}})
+				parentItem = topTmplItem;
+				tmpl = jQuery.template[tmpl] || jQuery.template( null, tmpl );
+				wrappedItems = {}; // Any wrapped items will be rebuilt, since this is top level
+			} else if ( !tmpl ) {
+				// The template item is already associated with DOM - this is a refresh.
+				// Re-evaluate rendered template for the parentItem
+				tmpl = parentItem.tmpl;
+				newTmplItems[parentItem.key] = parentItem;
+				parentItem.nodes = [];
+				if ( parentItem.wrapped ) {
+					updateWrapped( parentItem, parentItem.wrapped );
+				}
+				// Rebuild, without creating a new template item
+				return jQuery( build( parentItem, null, parentItem.tmpl( jQuery, parentItem ) ));
+			}
+			if ( !tmpl ) {
+				return []; // Could throw...
+			}
+			if ( typeof data === "function" ) {
+				data = data.call( parentItem || {} );
+			}
+			if ( options && options.wrapped ) {
+				updateWrapped( options, options.wrapped );
+			}
+			ret = jQuery.isArray( data ) ?
+				jQuery.map( data, function( dataItem ) {
+					return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null;
+				}) :
+				[ newTmplItem( options, parentItem, tmpl, data ) ];
+			return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret;
+		},
+
+		// Return rendered template item for an element.
+		tmplItem: function( elem ) {
+			var tmplItem;
+			if ( elem instanceof jQuery ) {
+				elem = elem[0];
+			}
+			while ( elem && elem.nodeType === 1 && !(tmplItem = jQuery.data( elem, "tmplItem" )) && (elem = elem.parentNode) ) {}
+			return tmplItem || topTmplItem;
+		},
+
+		// Set:
+		// Use $.template( name, tmpl ) to cache a named template,
+		// where tmpl is a template string, a script element or a jQuery instance wrapping a script element, etc.
+		// Use $( "selector" ).template( name ) to provide access by name to a script block template declaration.
+
+		// Get:
+		// Use $.template( name ) to access a cached template.
+		// Also $( selectorToScriptBlock ).template(), or $.template( null, templateString )
+		// will return the compiled template, without adding a name reference.
+		// If templateString includes at least one HTML tag, $.template( templateString ) is equivalent
+		// to $.template( null, templateString )
+		template: function( name, tmpl ) {
+			if (tmpl) {
+				// Compile template and associate with name
+				if ( typeof tmpl === "string" ) {
+					// This is an HTML string being passed directly in.
+					tmpl = buildTmplFn( tmpl );
+				} else if ( tmpl instanceof jQuery ) {
+					tmpl = tmpl[0] || {};
+				}
+				if ( tmpl.nodeType ) {
+					// If this is a template block, use cached copy, or generate tmpl function and cache.
+					tmpl = jQuery.data( tmpl, "tmpl" ) || jQuery.data( tmpl, "tmpl", buildTmplFn( tmpl.innerHTML ));
+					// Issue: In IE, if the container element is not a script block, the innerHTML will remove quotes from attribute values whenever the value does not include white space.
+					// This means that foo="${x}" will not work if the value of x includes white space: foo="${x}" -> foo=value of x.
+					// To correct this, include space in tag: foo="${ x }" -> foo="value of x"
+				}
+				return typeof name === "string" ? (jQuery.template[name] = tmpl) : tmpl;
+			}
+			// Return named compiled template
+			return name ? (typeof name !== "string" ? jQuery.template( null, name ):
+				(jQuery.template[name] ||
+					// If not in map, and not containing at least on HTML tag, treat as a selector.
+					// (If integrated with core, use quickExpr.exec)
+					jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null;
+		},
+
+		encode: function( text ) {
+			// Do HTML encoding replacing < > & and ' and " by corresponding entities.
+			return ("" + text).split("<").join("&lt;").split(">").join("&gt;").split('"').join("&#34;").split("'").join("&#39;");
+		}
+	});
+
+	jQuery.extend( jQuery.tmpl, {
+		tag: {
+			"tmpl": {
+				_default: { $2: "null" },
+				open: "if($notnull_1){__=__.concat($item.nest($1,$2));}"
+				// tmpl target parameter can be of type function, so use $1, not $1a (so not auto detection of functions)
+				// This means that {{tmpl foo}} treats foo as a template (which IS a function).
+				// Explicit parens can be used if foo is a function that returns a template: {{tmpl foo()}}.
+			},
+			"wrap": {
+				_default: { $2: "null" },
+				open: "$item.calls(__,$1,$2);__=[];",
+				close: "call=$item.calls();__=call._.concat($item.wrap(call,__));"
+			},
+			"each": {
+				_default: { $2: "$index, $value" },
+				open: "if($notnull_1){$.each($1a,function($2){with(this){",
+				close: "}});}"
+			},
+			"if": {
+				open: "if(($notnull_1) && $1a){",
+				close: "}"
+			},
+			"else": {
+				_default: { $1: "true" },
+				open: "}else if(($notnull_1) && $1a){"
+			},
+			"html": {
+				// Unecoded expression evaluation.
+				open: "if($notnull_1){__.push($1a);}"
+			},
+			"=": {
+				// Encoded expression evaluation. Abbreviated form is ${}.
+				_default: { $1: "$data" },
+				open: "if($notnull_1){__.push($.encode($1a));}"
+			},
+			"!": {
+				// Comment tag. Skipped by parser
+				open: ""
+			}
+		},
+
+		// This stub can be overridden, e.g. in jquery.tmplPlus for providing rendered events
+		complete: function( items ) {
+			newTmplItems = {};
+		},
+
+		// Call this from code which overrides domManip, or equivalent
+		// Manage cloning/storing template items etc.
+		afterManip: function afterManip( elem, fragClone, callback ) {
+			// Provides cloned fragment ready for fixup prior to and after insertion into DOM
+			var content = fragClone.nodeType === 11 ?
+				jQuery.makeArray(fragClone.childNodes) :
+				fragClone.nodeType === 1 ? [fragClone] : [];
+
+			// Return fragment to original caller (e.g. append) for DOM insertion
+			callback.call( elem, fragClone );
+
+			// Fragment has been inserted:- Add inserted nodes to tmplItem data structure. Replace inserted element annotations by jQuery.data.
+			storeTmplItems( content );
+			cloneIndex++;
+		}
+	});
+
+	//========================== Private helper functions, used by code above ==========================
+
+	function build( tmplItem, nested, content ) {
+		// Convert hierarchical content into flat string array
+		// and finally return array of fragments ready for DOM insertion
+		var frag, ret = content ? jQuery.map( content, function( item ) {
+			return (typeof item === "string") ?
+				// Insert template item annotations, to be converted to jQuery.data( "tmplItem" ) when elems are inserted into DOM.
+				(tmplItem.key ? item.replace( /(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + tmplItmAtt + "=\"" + tmplItem.key + "\" $2" ) : item) :
+				// This is a child template item. Build nested template.
+				build( item, tmplItem, item._ctnt );
+		}) :
+		// If content is not defined, insert tmplItem directly. Not a template item. May be a string, or a string array, e.g. from {{html $item.html()}}.
+		tmplItem;
+		if ( nested ) {
+			return ret;
+		}
+
+		// top-level template
+		ret = ret.join("");
+
+		// Support templates which have initial or final text nodes, or consist only of text
+		// Also support HTML entities within the HTML markup.
+		ret.replace( /^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function( all, before, middle, after) {
+			frag = jQuery( middle ).get();
+
+			storeTmplItems( frag );
+			if ( before ) {
+				frag = unencode( before ).concat(frag);
+			}
+			if ( after ) {
+				frag = frag.concat(unencode( after ));
+			}
+		});
+		return frag ? frag : unencode( ret );
+	}
+
+	function unencode( text ) {
+		// Use createElement, since createTextNode will not render HTML entities correctly
+		var el = document.createElement( "div" );
+		el.innerHTML = text;
+		return jQuery.makeArray(el.childNodes);
+	}
+
+	// Generate a reusable function that will serve to render a template against data
+	function buildTmplFn( markup ) {
+		return new Function("jQuery","$item",
+			// Use the variable __ to hold a string array while building the compiled template. (See https://github.com/jquery/jquery-tmpl/issues#issue/10).
+			"var $=jQuery,call,__=[],$data=$item.data;" +
+
+			// Introduce the data as local variables using with(){}
+			"with($data){__.push('" +
+
+			// Convert the template into pure JavaScript
+			jQuery.trim(markup)
+				.replace( /([\\'])/g, "\\$1" )
+				.replace( /[\r\t\n]/g, " " )
+				.replace( /\$\{([^\}]*)\}/g, "{{= $1}}" )
+				.replace( /\{\{(\/?)(\w+|.)(?:\(((?:[^\}]|\}(?!\}))*?)?\))?(?:\s+(.*?)?)?(\(((?:[^\}]|\}(?!\}))*?)\))?\s*\}\}/g,
+				function( all, slash, type, fnargs, target, parens, args ) {
+					var tag = jQuery.tmpl.tag[ type ], def, expr, exprAutoFnDetect;
+					if ( !tag ) {
+						throw "Unknown template tag: " + type;
+					}
+					def = tag._default || [];
+					if ( parens && !/\w$/.test(target)) {
+						target += parens;
+						parens = "";
+					}
+					if ( target ) {
+						target = unescape( target );
+						args = args ? ("," + unescape( args ) + ")") : (parens ? ")" : "");
+						// Support for target being things like a.toLowerCase();
+						// In that case don't call with template item as 'this' pointer. Just evaluate...
+						expr = parens ? (target.indexOf(".") > -1 ? target + unescape( parens ) : ("(" + target + ").call($item" + args)) : target;
+						exprAutoFnDetect = parens ? expr : "(typeof(" + target + ")==='function'?(" + target + ").call($item):(" + target + "))";
+					} else {
+						exprAutoFnDetect = expr = def.$1 || "null";
+					}
+					fnargs = unescape( fnargs );
+					return "');" +
+						tag[ slash ? "close" : "open" ]
+							.split( "$notnull_1" ).join( target ? "typeof(" + target + ")!=='undefined' && (" + target + ")!=null" : "true" )
+							.split( "$1a" ).join( exprAutoFnDetect )
+							.split( "$1" ).join( expr )
+							.split( "$2" ).join( fnargs || def.$2 || "" ) +
+						"__.push('";
+				}) +
+			"');}return __;"
+		);
+	}
+	function updateWrapped( options, wrapped ) {
+		// Build the wrapped content.
+		options._wrap = build( options, true,
+			// Suport imperative scenario in which options.wrapped can be set to a selector or an HTML string.
+			jQuery.isArray( wrapped ) ? wrapped : [htmlExpr.test( wrapped ) ? wrapped : jQuery( wrapped ).html()]
+		).join("");
+	}
+
+	function unescape( args ) {
+		return args ? args.replace( /\\'/g, "'").replace(/\\\\/g, "\\" ) : null;
+	}
+	function outerHtml( elem ) {
+		var div = document.createElement("div");
+		div.appendChild( elem.cloneNode(true) );
+		return div.innerHTML;
+	}
+
+	// Store template items in jQuery.data(), ensuring a unique tmplItem data data structure for each rendered template instance.
+	function storeTmplItems( content ) {
+		var keySuffix = "_" + cloneIndex, elem, elems, newClonedItems = {}, i, l, m;
+		for ( i = 0, l = content.length; i < l; i++ ) {
+			if ( (elem = content[i]).nodeType !== 1 ) {
+				continue;
+			}
+			elems = elem.getElementsByTagName("*");
+			for ( m = elems.length - 1; m >= 0; m-- ) {
+				processItemKey( elems[m] );
+			}
+			processItemKey( elem );
+		}
+		function processItemKey( el ) {
+			var pntKey, pntNode = el, pntItem, tmplItem, key;
+			// Ensure that each rendered template inserted into the DOM has its own template item,
+			if ( (key = el.getAttribute( tmplItmAtt ))) {
+				while ( pntNode.parentNode && (pntNode = pntNode.parentNode).nodeType === 1 && !(pntKey = pntNode.getAttribute( tmplItmAtt ))) { }
+				if ( pntKey !== key ) {
+					// The next ancestor with a _tmplitem expando is on a different key than this one.
+					// So this is a top-level element within this template item
+					// Set pntNode to the key of the parentNode, or to 0 if pntNode.parentNode is null, or pntNode is a fragment.
+					pntNode = pntNode.parentNode ? (pntNode.nodeType === 11 ? 0 : (pntNode.getAttribute( tmplItmAtt ) || 0)) : 0;
+					if ( !(tmplItem = newTmplItems[key]) ) {
+						// The item is for wrapped content, and was copied from the temporary parent wrappedItem.
+						tmplItem = wrappedItems[key];
+						tmplItem = newTmplItem( tmplItem, newTmplItems[pntNode]||wrappedItems[pntNode] );
+						tmplItem.key = ++itemKey;
+						newTmplItems[itemKey] = tmplItem;
+					}
+					if ( cloneIndex ) {
+						cloneTmplItem( key );
+					}
+				}
+				el.removeAttribute( tmplItmAtt );
+			} else if ( cloneIndex && (tmplItem = jQuery.data( el, "tmplItem" )) ) {
+				// This was a rendered element, cloned during append or appendTo etc.
+				// TmplItem stored in jQuery data has already been cloned in cloneCopyEvent. We must replace it with a fresh cloned tmplItem.
+				cloneTmplItem( tmplItem.key );
+				newTmplItems[tmplItem.key] = tmplItem;
+				pntNode = jQuery.data( el.parentNode, "tmplItem" );
+				pntNode = pntNode ? pntNode.key : 0;
+			}
+			if ( tmplItem ) {
+				pntItem = tmplItem;
+				// Find the template item of the parent element.
+				// (Using !=, not !==, since pntItem.key is number, and pntNode may be a string)
+				while ( pntItem && pntItem.key != pntNode ) {
+					// Add this element as a top-level node for this rendered template item, as well as for any
+					// ancestor items between this item and the item of its parent element
+					pntItem.nodes.push( el );
+					pntItem = pntItem.parent;
+				}
+				// Delete content built during rendering - reduce API surface area and memory use, and avoid exposing of stale data after rendering...
+				delete tmplItem._ctnt;
+				delete tmplItem._wrap;
+				// Store template item as jQuery data on the element
+				jQuery.data( el, "tmplItem", tmplItem );
+			}
+			function cloneTmplItem( key ) {
+				key = key + keySuffix;
+				tmplItem = newClonedItems[key] =
+					(newClonedItems[key] || newTmplItem( tmplItem, newTmplItems[tmplItem.parent.key + keySuffix] || tmplItem.parent ));
+			}
+		}
+	}
+
+	//---- Helper functions for template item ----
+
+	function tiCalls( content, tmpl, data, options ) {
+		if ( !content ) {
+			return stack.pop();
+		}
+		stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options });
+	}
+
+	function tiNest( tmpl, data, options ) {
+		// nested template, using {{tmpl}} tag
+		return jQuery.tmpl( jQuery.template( tmpl ), data, options, this );
+	}
+
+	function tiWrap( call, wrapped ) {
+		// nested template, using {{wrap}} tag
+		var options = call.options || {};
+		options.wrapped = wrapped;
+		// Apply the template, which may incorporate wrapped content,
+		return jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item );
+	}
+
+	function tiHtml( filter, textOnly ) {
+		var wrapped = this._wrap;
+		return jQuery.map(
+			jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : wrapped ).filter( filter || "*" ),
+			function(e) {
+				return textOnly ?
+					e.innerText || e.textContent :
+					e.outerHTML || outerHtml(e);
+			});
+	}
+
+	function tiUpdate() {
+		var coll = this.nodes;
+		jQuery.tmpl( null, null, null, this).insertBefore( coll[0] );
+		jQuery( coll ).remove();
+	}
+}));

js/script.js

@@ -1,6 +1,35 @@
 /*jshint jquery:true */
 /*global $:true */
-
+var Constant = {
+		//根据当前环境修改
+		serverUrl: "",
+		query:{},
+	};
+	//开发环境
+	if(window.location.href.indexOf("http://127.0.0.1:8848/")>=0){
+		Constant.serverUrl="http://127.0.0.1:8086/website-server/"
+	}
+	getQueryVariable()
+	function getQueryVariable()
+	{
+	       var query = window.location.search.substring(1);
+		   query=decodeURI(query)
+	       var vars = query.split("&");
+		   
+	       for (var i=0;i<vars.length;i++) {
+	               var pair = vars[i].split("=");
+				   Constant.query[pair[0]]=pair[1];
+	       }
+		   
+		    // 链接必须带jpcode   没有就跳到首页
+		   if(!Constant.query.jpcode){
+			   if(window.location.pathname.indexOf("index.html")==-1){
+					window.location.href="index.html";
+			   }
+		   }else{
+			   
+		   }
+	}
 var $ = jQuery.noConflict();
 
 $(document).ready(function($) {
@@ -173,15 +202,15 @@ $(document).ready(function($) {
 	/* =  fullwidth carousell
 	/*-------------------------------------------------*/
 	try {
-		$("#owl-demo").owlCarousel({
-			autoPlay: false,//8000
-			items : 4,
-			itemsDesktop : [1199,3],
-			itemsDesktopSmall : [979,3],
-			itemsTablet : [961,3],
-			itemsTabletSmall : [768,2],
-			itemsMobile : [479,1]
-		});
+		// $("#owl-demo").owlCarousel({
+		// 	autoPlay: false,//8000
+		// 	items : 4,
+		// 	itemsDesktop : [1199,3],
+		// 	itemsDesktopSmall : [979,3],
+		// 	itemsTablet : [961,3],
+		// 	itemsTabletSmall : [768,2],
+		// 	itemsMobile : [479,1]
+		// });
 	} catch(err) {
 
 	}
@@ -207,15 +236,15 @@ $(document).ready(function($) {
 	}
 
 	try {
-		$("#owl-demo4").owlCarousel({
-			navigation : true,
-			autoPlay: 8000,
-			items : 5,
-			itemsDesktop : [1199,4],
-			itemsDesktopSmall : [979,3],
-			itemsTabletSmall : [768,2],
-			itemsMobile : [479,1]
-		});
+		// $("#owl-demo4").owlCarousel({
+		// 	navigation : true,
+		// 	autoPlay: 8000,
+		// 	items : 5,
+		// 	itemsDesktop : [1199,4],
+		// 	itemsDesktopSmall : [979,3],
+		// 	itemsTabletSmall : [768,2],
+		// 	itemsMobile : [479,1]
+		// });
 	} catch(err) {
 
 	}
@@ -543,24 +572,3 @@ $(document).ready(function($) {
 
 });
 
-if(jQuery('.tp-banner')){
-	var revapi;
-	jQuery(document).ready(function() {
-
-	   revapi = jQuery('.tp-banner').revolution(
-		{
-			delay:6000,
-			startwidth:940,
-			startheight:540,
-			hideThumbs:10,
-			fullWidth:"on",
-			forceFullWidth:"on",
-			onHoverStop:"off",
-			navigationVOffset:80,
-			navigationHOffset:0,//90
-			soloArrowLeftHOffset:50,
-			soloArrowRightHOffset:50
-		});
-
-	});
-}