init

css/Capability.css

+@charset "utf-8";
+body{background-color: #f8f8f8;}
+.text-center{text-align: center;}
+.cl-585858{color: #585858;}
+.cl-626262{color: #626262;}
+.capability{padding-bottom: 100px;}
+.category{width: 300px; background-color: #fff;}
+.category-list{width: 100%; border-bottom: 1px solid #d4d4d4;}
+.category-list a:hover{text-decoration: none;}
+.category-list dt a,.category-list dd a{display: block; height: 46px; line-height: 46px; padding-left: 20px; padding-right: 15px;}
+.category-list dt{background-color: #f1f1f1;}
+.category-list dt span{color: #000;}
+.category-list.current dt{background-color: #9b7740;}
+.category-list.current dt span{color: #fff;}
+.category-list dd a{color: #808080;}
+.category-list dd a:hover{background-color: #ffad33; color: #fff;}
+.category-list dd a.selected{background-color: #f90; color: #fff;}
+.category-list .ico{position: absolute; top: 17px; right: 15px; display: block; width: 19px; height: 11px; background: url("../img/Capability/icons.png") no-repeat 0 0;}
+.category-list.current .ico{background-position: -20px 0;}
+
+.capability-con{width: 1200px;margin:auto}
+.item-box{border: 0px solid #ddd;background-color: #fff;padding:20px;}
+.item-box h2{color: #0079c8; border-bottom: 1px solid #ccc;}
+.capability-con .share{border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 15px;}
+.capability-con .valuation{border: 1px solid #e1e1e1; background-color: #f1f1f1; padding: 20px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
+
+.btn-valuation{display: inline-block; background-color: #f90; color: #fff; padding: 8px 50px; font-size: 16px; margin-left: 30px; margin-right: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
+.btn-valuation:hover{background-color: #ffad33; color: #fff;}
+
+.content-list li{float: left; width: 200px; margin-left: 11px; margin-right: 11px;}
+.content-list .img{width: 100%; height: 200px;  background-size: cover;}
+.content-list .con{max-height: 36px; line-height:18px; -webkit-line-clamp:2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
+
+/*新版*/
+.titul{width:1070px;margin:0 auto 20px;}
+.titul li a{color:#0d0d0d;text-decoration:none;height:46px;font-size:16px;line-height:46px;display:inline-block;}
+.titul li a:hover{color:#f90}
+.titul .active a{color:#f90;border-bottom:4px solid #f90;}
+.banner{max-width:1920px;height:350px;background:url(/img/img/banner/picbanner.jpg) no-repeat center;margin:auto}
+.capability{margin:-120px auto 0;}
+    td {
+        border: 1px solid #dddddd!important;
+        padding:2px 10px!important;
+    }
+    th{
+            box-sizing: border-box;
+            padding: 0px 20px;
+            height: 44px;
+            line-height: 44px;
+            background-color: #f0f0f0;
+
+    }
+
+
+@media screen and (max-width: 1020px){
+.capability{width:100%;overflow:auto;}
+}
\ No newline at end of file

css/common/base.css

+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+html,
+body {
+  font-family: sans-serif;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+}
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+label,
+dd,
+dd,
+dt {
+  font-weight: normal;
+}
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+html,
+body {
+  width: 100%;
+}
+body {
+  overflow: hidden;
+}
+/*# sourceMappingURL=base.css.map */
\ No newline at end of file

css/common/base.css.map

+{"version":3,"sources":["base.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,cAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;;AAGF;EACE,gBAAA","file":"base.css"}
\ No newline at end of file

css/common/base.less

+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html, body {
+  font-family: sans-serif;
+}
+
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
+  margin: 0;
+  padding: 0;
+}
+
+button, input, select, textarea {
+  font-size: 100%;
+  border: none;
+}
+
+input[type=button], input[type=submit], input[type=file], button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+ol, ul, dl {
+  list-style: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+
+a {
+  text-decoration: none;
+}
+
+img {
+  border: none;
+}
+
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+
+.fl {
+  float: left;
+  _display: inline;
+}
+
+.fr {
+  float: right;
+  _display: inline;
+}
+
+.va-t {
+  vertical-align: top;
+}
+
+.va-m {
+  vertical-align: middle;
+}
+
+.va-b {
+  vertical-align: bottom;
+}
+
+.i-hide {
+  display: none;
+}
+
+.i-show {
+  display: block;
+}
+
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+
+label, dd, dd, dt {
+  font-weight: normal;
+}
+
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+
+a:hover, a:focus {
+  text-decoration: none;
+}
+
+html, body {
+  width: 100%;
+}
+
+body {
+  overflow: hidden;
+}
\ No newline at end of file

css/home/home.css

+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html * {
+  outline: 0;
+  -webkit-text-size-adjust: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+html,
+body {
+  font-family: sans-serif;
+}
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  border: none;
+}
+input[type=button],
+input[type=submit],
+input[type=file],
+button {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+ol,
+ul,
+dl {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: 500;
+}
+a {
+  text-decoration: none;
+}
+img {
+  border: none;
+}
+.clr {
+  *zoom: 1;
+  clear: both;
+}
+.clr:after {
+  content: ".";
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  display: block;
+}
+.fl {
+  float: left;
+  _display: inline;
+}
+.fr {
+  float: right;
+  _display: inline;
+}
+.va-t {
+  vertical-align: top;
+}
+.va-m {
+  vertical-align: middle;
+}
+.va-b {
+  vertical-align: bottom;
+}
+.i-hide {
+  display: none;
+}
+.i-show {
+  display: block;
+}
+.lineBlock {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+}
+.lbBox {
+  font-size: 0 !important;
+  *word-spacing: -1px !important;
+}
+label,
+dd,
+dd,
+dt {
+  font-weight: normal;
+}
+.boxsiz {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+a:hover,
+a:focus {
+  text-decoration: none;
+}
+html,
+body {
+  width: 100%;
+}
+body {
+  overflow: hidden;
+}
+.home {
+  width: 100%;
+}
+/*# sourceMappingURL=home.css.map */
\ No newline at end of file

css/home/home.css.map

+{"version":3,"sources":["E:/pcb/css/common/base.less","home.less"],"names":[],"mappings":"AAAA;EACE,8BAAA;EACA,0BAAA;;AAGF,IAAK;EACH,UAAA;EACA,8BAAA;EACA,6CAAA;;AAGF;AAAM;EACJ,uBAAA;;AAGF;AAAM;AAAK;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAI;AAAK;AAAM;AAAM;AAAU;AAAQ;AAAO;AAAU;AAAG;AAAY;AAAI;AAAI;AAAI;AAAQ;AAAS;AAAO;AAAS;AAAY;AAAQ;AAAQ;AAAQ;AAAM;AAAK;EACxN,SAAA;EACA,UAAA;;AAGF;AAAQ;AAAO;AAAQ;EACrB,eAAA;EACA,YAAA;;AAGF,KAAK;AAAe,KAAK;AAAe,KAAK;AAAa;EACxD,eAAA;EACA,wBAAA;;AAGF;EACE,yBAAA;EACA,iBAAA;;AAGF;AAAI;AAAI;EACN,gBAAA;;AAGF;AAAI;AAAI;AAAI;AAAI;AAAI;EAClB,eAAA;EACA,gBAAA;;AAGF;EACE,qBAAA;;AAGF;EACE,YAAA;;AAGF;EACE,QAAA;EACA,WAAA;;AAGF,IAAI;EACF,SAAS,GAAT;EACA,WAAA;EACA,SAAA;EACA,kBAAA;EACA,cAAA;;AAGF;EACE,WAAA;EACA,gBAAA;;AAGF;EACE,YAAA;EACA,gBAAA;;AAGF;EACE,mBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,sBAAA;;AAGF;EACE,aAAA;;AAGF;EACE,cAAA;;AAGF;EACE,qBAAA;EACA,gBAAA;EACA,OAAA;EACA,sBAAA;EACA,oBAAA;;AAGF;EACE,uBAAA;EACA,mBAAA;;AAGF;AAAO;AAAI;AAAI;EACb,mBAAA;;AAGF;EACE,sBAAA;EACA,8BAAA;;AAGF,CAAC;AAAQ,CAAC;EACR,qBAAA;;AAGF;AAAM;EACJ,WAAA;;AAGF;EACE,gBAAA;;AC5HF;EACE,WAAA","file":"home.css"}
\ No newline at end of file

css/home/home.less

+@import '../common/base.less';
+
+.home{
+  width: 100%;
+}
\ No newline at end of file

css/pcb/login_show.css

+body{ background-color: #fff;}
+.w800{ margin:0; width:820px; padding:20px;}
+
+
+.bdbot{ border-bottom: 1px solid #e2e2e2;}
+.tright{ text-align: right;}
+.w980{ width: 980px; margin: 0px auto;}
+.loginimg{  width: 620px; margin-right: 30px;}
+.loginbox{ width: 260px; border: 1px solid #ccc; background-color: #fff; padding: 20px; border-radius:4px;}
+.loginbox dl{ margin-bottom: 12px;}
+.loginbox dl dt{ margin-bottom: 5px; width: 100%; overflow: hidden;}
+.loginbox dl dd{ position: relative;}
+.loginbox dl dd label{ position: absolute; left: 8px; top: 0px; line-height: 27px; color: #999;}
+.loginbox a{ color: #4f88d5;}
+.txt-input{ width: 242px; height: 34px; line-height: 34px; border:1px solid #aaa; padding: 0px 8px;border-radius:4px;}
+.btn-input{ border: 1px solid #7e7e7e; color: #fff;  font-size: 14px; background:#7e7e7e; height: 34px; width: 262px; cursor: pointer;border-radius:4px;}
+.otherlogin{ border-top:1px dashed #ccc; margin-top: 8px; padding-top: 6px; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
+.otherlogin a{ width: 16px; height: 16px; background-position: left -145px;}
+
+.footer{ border-top: 2px solid #ccc; text-align: center; padding: 10px 0px; color: #999;}
+.footer a{ color: #999;}
+
+.join { }
+.join dl { margin-bottom:15px; font-size:14px;  overflow:hidden;}
+.join dt { float:left; width:140px; /*text-align:right;*/ padding-right:20px; height:35px; line-height:32px; }
+.join dt em { color:#ff9900}
+.join dd {  text-align:left; font-size:11px; float:left;}
+.join dd input { height:32px; line-height:32px; border-radius:4px; border:1px solid #aaa; text-indent:10px; width:260px;}
+.joinfoart { font-size:14px; font-weight:bold; padding-left:300px; background:url(../img/join.gif) 275px 0px no-repeat}
+
+.join .b-buton{font-weight:bold; font-size:14px; background:#ff9900; border:1px solid #ff9900; color:#fff; text-indent:0; border-color:#ff9900;}
+
+
+.login-account-button{ margin-top:40px; margin-bottom:150px;}
+.logInWrap{width: 600px; margin: 0 auto}
+.logInWrap input.inputbox{width:200px;height:33px; border:1px solid #aaa; text-indent:6px; line-height:33px; border-radius:4px; margin-right:10px; float:left;}
+.logInWrap input.b-buton{width:120px; text-align:center; height:33px; border-radius:4px; line-height:33px; font-weight:bold; font-size:14px;border: 1px solid #ff9900; color:#fff; background:#ff9900;float:left;}
+
+.jointitle{        font-size: 20px;
+        font-weight: bold;
+		margin-bottom:10px;
+		padding-left:160px;
+		line-height:30px;
+}
+
+.login_title{        font-size: 16px;
+        font-weight: bold;
+		margin-bottom:10px;
+			line-height:30px;
+}
+		
+.logInWrap h1.Recover{ font-size:34px;}
+
+
+.suc{ width:800px; margin:50px auto; text-align:center;}
+.suctitle{font-size: 30px; font-weight: bold; color:#ff9900;}
+
+.suc_text{ font-size:14px; text-decoration:underline;}
+.suc_services{ border-top: 1px solid #ccc;
+    font-size: 22px;
+    font-weight: bold;
+    margin: 60px auto 30px;
+    padding-top: 30px;}
+.suc_services p{ overflow:hidden; margin-bottom:12px;}
+.suc_services  a{ padding:0 10px; height:35px; line-height:35px; font-size:14px; font-weight:bold; background:#777; color:#fff; display:inline-block; margin:0 10px; border-radius:4px;}
+.suc_services  a:hover{background:#ff9900; color:#fff; text-decoration:none;}
+
+
+.join_l{ width:460px;float:left; border-right:1px solid #ccc;}
+.login_r{ width:300px; float:left; padding-left:40px;}
\ No newline at end of file

index.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title></title>
+    <meta name="keywords" content=""/>
+    <meta name="description" content=""/>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+    <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
+    <link rel="stylesheet" type="text/css" href="./css/home/home.css"/>
+</head>
+<body>
+
+<div class="home"></div>
+
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/base.js"></script>
+<script type="text/javascript" src="js/home.js"></script>
+</body>
+</html>

js/base.js

+;!function () {
+  window.baseController = {
+    init: function () {
+      this.mounted(this).handleBind(this);
+    },
+    getData: function (url, type, param, callback, loading) {
+      var index;
+      
+      if (loading == false) {
+        index = null;
+      } else {
+        index = layer.load(1);
+      }
+      
+      
+      var params = $.extend({}, param);
+      
+      $.ajax({
+        type: type,
+        url: "/" + url,
+        data: params,
+        dataType: dataTypeXpx,
+        xhrFields: {withCredentials: true},
+        success: function (data) {
+          typeof callback == 'function' && callback(data);
+          layer.close(index);
+          return false;
+        },
+        error: function () {
+          layer.close(index);
+          layer.msg('网络出现问题，请重试！');
+          return false;
+        }
+      });
+    },
+    mounted: function (opt) {
+      
+      
+      return this;
+    },
+    handleBind: function (opt) {
+      
+      
+      return this;
+    },
+  }, $(function () {
+    baseController.init();
+  })
+}();
+
+(function (window) {
+  Util = {
+    /**
+     * 设置cookie
+     * @param name
+     * @param value
+     * @param time
+     * @param domain
+     * @returns {boolean}
+     */
+    setCookie: function (name, value, time, domain) {
+      domain = domain ? ";domain=" + domain : "";
+      var Days = time;
+      var exp = new Date();
+      exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+      document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ";path=/" + domain;
+      return true;
+    },
+    /**
+     * 获取cookie
+     * @param name
+     * @returns {*}
+     */
+    getCookie: function (name) {
+      var strCookie = document.cookie;
+      var arrCookie = strCookie.split("; ");
+      for (var i = 0; i < arrCookie.length; i++) {
+        var arr = arrCookie[i].split("=");
+        if (name == arr[0]) {
+          return arr[1];
+        }
+      }
+      return "";
+    },
+    /**
+     * 删除cookie
+     * @param name
+     */
+    delCookie: function (name) {
+      var exp = new Date();
+      exp.setTime(exp.getTime() - 1);
+      var cval = this.getCookie(name);
+      if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
+    },
+    /**
+     * 获取参数
+     * @param value
+     * @returns {*}
+     */
+    getRequest: function (value) {
+      if (window.location.pathname == "/s/") {
+        var url = unescape(location.search);
+      } else {
+        var url = decodeURI(location.search);
+      }
+      var object = {};
+      if (url.indexOf("?") != -1) {
+        var str = url.substr(1);
+        var strs = str.split("&");
+        for (var i = 0; i < strs.length; i++) {
+          object[strs[i].split("=")[0]] = strs[i].split("=")[1]
+        }
+      }
+      return object[value];
+    }
+  };
+  if (typeof define === "function" && define.amd) {
+    return Util;
+  } else {
+    window.Util = Util;
+  }
+})(window);
+
+
+

js/home.js

+!function () {
+  window.homeController = {
+    init: function () {
+      this.mounted(this).handleBind(this);
+    },
+    mounted: function (opt) {
+      
+      return this;
+    },
+    handleBind: function (opt) {
+      
+      return this;
+    },
+  }, $(function () {
+    homeController.init();
+  })
+}();
\ No newline at end of file