소스 검색

技淘网首页更新

dev01 2 년 전
부모
커밋
0eb5917774
60개의 변경된 파일3914개의 추가작업 그리고 1349개의 파일을 삭제
  1. BIN
      img/Logo111.png
  2. BIN
      img/Logo222.png
  3. BIN
      img/dw.png
  4. BIN
      img/indedImg/inded30.png
  5. BIN
      img/index/index_denglu副本.jpg
  6. BIN
      img/index/index_down.jpg
  7. BIN
      img/index/index_shopCar.jpg
  8. BIN
      img/index/index_tel.png
  9. BIN
      img/newapplications/app.png
  10. BIN
      img/newapplications/bqzr.png
  11. BIN
      img/newapplications/gjzl.png
  12. BIN
      img/newapplications/pctzl.png
  13. BIN
      img/newapply/avartr.png
  14. BIN
      img/newapply/fmzl.png
  15. BIN
      img/newapply/gqzx.png
  16. BIN
      img/newapply/jscg.png
  17. BIN
      img/newapply/jsjybz.png
  18. BIN
      img/newapply/jsxq.png
  19. BIN
      img/newapply/jsxx.png
  20. BIN
      img/newapply/ptczl.png
  21. BIN
      img/newapply/rzffs.png
  22. BIN
      img/newapply/rzsq.png
  23. BIN
      img/newapply/sbzc.png
  24. BIN
      img/newapply/syxx.png
  25. BIN
      img/newapply/wgzl.png
  26. BIN
      img/newapply/xypg.png
  27. BIN
      img/newapply/yffy.png
  28. BIN
      img/newapply/zhcqdn.png
  29. BIN
      img/newbanner/bg.png
  30. BIN
      img/newexhibition/cgzs.png
  31. BIN
      img/newexhibition/kuang.png
  32. BIN
      img/newhotitems/hot01.png
  33. BIN
      img/newhotitems/hot010.png
  34. BIN
      img/newhotitems/hot02.png
  35. BIN
      img/newhotitems/hot020.png
  36. BIN
      img/newhotitems/hot03.png
  37. BIN
      img/newhotitems/hot030.png
  38. BIN
      img/newhotitems/hot04.png
  39. BIN
      img/newhotitems/hot040.png
  40. BIN
      img/newhotitems/hot05.png
  41. BIN
      img/newhotitems/hot050.png
  42. BIN
      img/newhotitems/hot06.png
  43. BIN
      img/newhotitems/hot060.png
  44. BIN
      img/newhotitems/hot07.png
  45. BIN
      img/newhotitems/hot070.png
  46. BIN
      img/newhotitems/hot08.png
  47. BIN
      img/newhotitems/hot080.png
  48. BIN
      img/tel.png
  49. 2 2
      package.json
  50. 689 122
      src/css/aboutUs.css
  51. 6 6
      src/css/eventPlanning.css
  52. 1285 1
      src/css/inded.css
  53. 274 148
      src/css/newMenu/header.css
  54. 289 192
      src/css/newMenu/patent.css
  55. 471 162
      src/css/newMenu/public.css
  56. 261 277
      src/js/eventPlanning.js
  57. 57 57
      src/js/newMenu/index.js
  58. 578 380
      template/portal/index.html
  59. 1 1
      webpack-dll.config.js
  60. 1 1
      webpack.config.js

BIN
img/Logo111.png


BIN
img/Logo222.png


BIN
img/dw.png


BIN
img/indedImg/inded30.png


BIN
img/index/index_denglu副本.jpg


BIN
img/index/index_down.jpg


BIN
img/index/index_shopCar.jpg


BIN
img/index/index_tel.png


BIN
img/newapplications/app.png


BIN
img/newapplications/bqzr.png


BIN
img/newapplications/gjzl.png


BIN
img/newapplications/pctzl.png


BIN
img/newapply/avartr.png


BIN
img/newapply/fmzl.png


BIN
img/newapply/gqzx.png


BIN
img/newapply/jscg.png


BIN
img/newapply/jsjybz.png


BIN
img/newapply/jsxq.png


BIN
img/newapply/jsxx.png


BIN
img/newapply/ptczl.png


BIN
img/newapply/rzffs.png


BIN
img/newapply/rzsq.png


BIN
img/newapply/sbzc.png


BIN
img/newapply/syxx.png


BIN
img/newapply/wgzl.png


BIN
img/newapply/xypg.png


BIN
img/newapply/yffy.png


BIN
img/newapply/zhcqdn.png


BIN
img/newbanner/bg.png


BIN
img/newexhibition/cgzs.png


BIN
img/newexhibition/kuang.png


BIN
img/newhotitems/hot01.png


BIN
img/newhotitems/hot010.png


BIN
img/newhotitems/hot02.png


BIN
img/newhotitems/hot020.png


BIN
img/newhotitems/hot03.png


BIN
img/newhotitems/hot030.png


BIN
img/newhotitems/hot04.png


BIN
img/newhotitems/hot040.png


BIN
img/newhotitems/hot05.png


BIN
img/newhotitems/hot050.png


BIN
img/newhotitems/hot06.png


BIN
img/newhotitems/hot060.png


BIN
img/newhotitems/hot07.png


BIN
img/newhotitems/hot070.png


BIN
img/newhotitems/hot08.png


BIN
img/newhotitems/hot080.png


BIN
img/tel.png


+ 2 - 2
package.json

@@ -1,11 +1,11 @@
 {
   "name": "aft-portal",
-  "version": "1.2.17",
+  "version": "2.2.20",
   "description": "",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dlldev": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy dev --env.host 'http://192.168.1.106'",
+    "dlldev": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy dev --env.host 'http://172.16.1.187'",
     "dlltest": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy test --env.host 'http://static.jishutao.com'",
     "dllpro": "webpack --progress --colors --config ./webpack-dll.config.js --env.deploy prod --env.host 'http://ss.jishutao.com'",
     "build": "node bin/clean.js && webpack --progress --colors --env.deploy dev",

+ 689 - 122
src/css/aboutUs.css

@@ -1,127 +1,694 @@
-.about{position: relative;height: 180px;}
-.line{width: 100%;height: 1px;border-bottom: 1px solid #bfbfbf;display: inline-block;z-index: 10;position:absolute;top: 66px;z-index: 10;}
-.aboutHeader{width: 592px;margin: 0 auto;background: #FFFFFF;z-index:20 ;position: absolute;top: 32px;left: 50%;margin-left: -291px;}
-.aboutHeader ul li{float: left;width: 130px;height: 44px;text-align: center;border-radius: 10px;line-height: 44px;font-size: 16px;color: #2b2b2b;border: 1px solid #bfbfbf;margin: 12px;cursor: pointer;}
-.aboutHeader ul li:first-child{margin-left: 0;}
-.aboutHeader ul li:last-child{margin-right: 0;}
-.aboutHeader ul li.on{background: #f68705;color: #FFFFFF;border: none;}
+.about {
+  position: relative;
+  height: 180px;
+}
+
+.line {
+  width: 100%;
+  height: 1px;
+  border-bottom: 1px solid #bfbfbf;
+  display: inline-block;
+  z-index: 10;
+  position: absolute;
+  top: 66px;
+  z-index: 10;
+}
+
+.aboutHeader {
+  width: 592px;
+  margin: 0 auto;
+  background: #FFFFFF;
+  z-index: 20;
+  position: absolute;
+  top: 32px;
+  left: 50%;
+  margin-left: -291px;
+}
+
+.aboutHeader ul li {
+  float: left;
+  width: 130px;
+  height: 44px;
+  text-align: center;
+  border-radius: 10px;
+  line-height: 44px;
+  font-size: 16px;
+  color: #2b2b2b;
+  border: 1px solid #bfbfbf;
+  margin: 12px;
+  cursor: pointer;
+}
+
+.aboutHeader ul li:first-child {
+  margin-left: 0;
+}
+
+.aboutHeader ul li:last-child {
+  margin-right: 0;
+}
+
+.aboutHeader ul li.on {
+  background: #f68705;
+  color: #FFFFFF;
+  border: none;
+}
 
 /*公司简介*/
-.profile>img{float: left;width: 433px;height: 338px;margin-right: 60px;}
-.profile div{float: left;width: 672px;text-align: justify;}
-.profile div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 20px;}
-.profile div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
-.profile div h4 span{font-size: 16px;color: #605f5f;}
-.profile div p{font-size:14px ;color: #7a7878;margin-bottom: 15px;line-height: 22px;text-indent: 2em;}
-
-/*业务范围*/  
-.business{padding-top: 120px;clear: both;}
-.business>img{float: right;width: 599px;height: 387px}
-.business_txt{width: 540px;height: 270px;background: #f6f6f6;padding-top: 35px;padding-left: 20px;padding-right: 20px;}
-.business div{float: left;width: 540px;text-align: justify;}
-.business div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;}
-.business div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
-.business div h4 span{font-size: 16px;color: #605f5f;}
-.business div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 22px;}
-
-/*资质荣誉*/  
-.honor{clear: both;padding-top: 70px;}
-.honor div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;}
-.honor div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
-.honor div h4 span{font-size: 16px;color: #605f5f;}
-.honor div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 30px;height: 30px;}
-
-.honor div>ul{position: relative;height: 190px;}
-.honor div>ul>li{position: absolute;top: 0;left: 0;width: 1170px;}
-.honor div>ul>li>ol>li{float: left;width:218px;margin-left: 20px;text-align: center;}
-.honor div>ul>li>ol>li P{width: 218px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
-.honor div>ul>li>ol>li img{width: 218px;height: 162px;overflow: hidden;}
-.honor div>ul>li>ol>li:first-child{margin-left: 0;}
-
-.spot{width:96px ;margin: 30px auto 0px;}
-.spot span{width: 16px;height: 16px;border-radius: 50%;background: #d5d6d8;display: inline-block;margin: 0 3px;cursor: pointer;}
-.spot span.this{background: #000000;}
+.profile>img {
+  float: left;
+  width: 433px;
+  height: 338px;
+  margin-right: 60px;
+}
+
+.profile div {
+  float: left;
+  width: 672px;
+  text-align: justify;
+}
+
+.profile>div {
+  position: relative;
+}
+
+.profile>div>.dingwei {
+  position: absolute;
+  top: -130px;
+}
+
+.profile div h4 {
+  font-weight: normal;
+  font-size: 24px;
+  color: #1a1a1a;
+  margin-bottom: 20px;
+}
+
+.profile div h4 img {
+  margin-right: 5px;
+  vertical-align: middle;
+  margin-top: -2px;
+}
+
+.profile div h4 span {
+  font-size: 16px;
+  color: #605f5f;
+}
+
+.profile div p {
+  font-size: 14px;
+  color: #7a7878;
+  margin-bottom: 15px;
+  line-height: 22px;
+  text-indent: 2em;
+}
+
+/*业务范围*/
+.business {
+  padding-top: 120px;
+  clear: both;
+}
+
+.business>img {
+  float: right;
+  width: 599px;
+  height: 387px
+}
+
+.business_txt {
+  width: 540px;
+  height: 270px;
+  background: #f6f6f6;
+  padding-top: 35px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.business div {
+  float: left;
+  width: 540px;
+  text-align: justify;
+}
+
+.business>div {
+  position: relative;
+}
+
+.business>div>.dingwei {
+  position: absolute;
+  top: -130px;
+}
+
+.business div h4 {
+  font-weight: normal;
+  font-size: 24px;
+  color: #1a1a1a;
+  margin-bottom: 40px;
+}
+
+.business div h4 img {
+  margin-right: 5px;
+  vertical-align: middle;
+  margin-top: -2px;
+}
+
+.business div h4 span {
+  font-size: 16px;
+  color: #605f5f;
+}
+
+.business div p {
+  font-size: 14px;
+  color: #7a7878;
+  margin-bottom: 30px;
+  line-height: 22px;
+}
+
+/*资质荣誉*/
+.honor {
+  clear: both;
+  padding-top: 70px;
+}
+
+.honor>div {
+  position: relative;
+}
+
+.honor>div>.dingwei {
+  position: absolute;
+  top: -130px;
+}
+
+.honor div h4 {
+  font-weight: normal;
+  font-size: 24px;
+  color: #1a1a1a;
+  margin-bottom: 40px;
+}
+
+.honor div h4 img {
+  margin-right: 5px;
+  vertical-align: middle;
+  margin-top: -2px;
+}
+
+.honor div h4 span {
+  font-size: 16px;
+  color: #605f5f;
+}
+
+.honor div p {
+  font-size: 14px;
+  color: #7a7878;
+  margin-bottom: 30px;
+  line-height: 30px;
+  height: 30px;
+}
+
+.honor div>ul {
+  position: relative;
+  height: 190px;
+}
+
+.honor div>ul>li {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1170px;
+}
+
+.honor div>ul>li>ol>li {
+  float: left;
+  width: 218px;
+  margin-left: 20px;
+  text-align: center;
+}
+
+.honor div>ul>li>ol>li P {
+  width: 218px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.honor div>ul>li>ol>li img {
+  width: 218px;
+  height: 162px;
+  overflow: hidden;
+}
+
+.honor div>ul>li>ol>li:first-child {
+  margin-left: 0;
+}
+
+.spot {
+  width: 96px;
+  margin: 30px auto 0px;
+}
+
+.spot span {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #d5d6d8;
+  display: inline-block;
+  margin: 0 3px;
+  cursor: pointer;
+}
+
+.spot span.this {
+  background: #000000;
+}
 
 /*发展历程*/
-.history{clear: both;padding-top: 70px;position: relative;}
-.history h4{font-weight: normal;font-size: 24px;color: #1a1a1a;}
-.history h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
-.history h4 span{font-size: 16px;color: #605f5f;}
-
-.historyBanner{width: 1100px;clear: both;overflow: hidden;height: 350px;margin-left: 50px;}
-.historyBanner ul{width: 1000000px;overflow: hidden;padding-top: 50px;transition: all .5s;}
-.historyBanner>ul>li{float: left;height: 300px;width: 1100px;}
-.historyBanner>ul>li>ol>li{float: left;text-align: center;width: 88px;vertical-align: top;display: flex;flex-direction: column;align-items: center;} 
-.historyBanner>ul>li>ol>li p{width: 100px;font-size: 14px;color: #8d8d8d;visibility: hidden;margin-bottom: 5px;}
-.historyBanner>ul>li:first-child{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;}
-.historyBanner>ul>li>ol>li span:hover{color: #ff7302;}
-.historyBanner>ul>li:first-child+li{background: url(../../img/aboutUs012.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;}
-.historyBanner>ul>li:nth-child(2)+li{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;}
-.historyBanner>ul>li:nth-child(3)+li{background: url(../../img/aboutUs012.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;}
-.historyBanner>ul>li:nth-child(4)+li{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(1){margin-top: 17px;margin-left: 2px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(2){margin-top: -13px;margin-left: 0px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(3){margin-top: -37px;margin-left: 0px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(4){margin-top: -50px;margin-left: 7px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(5){margin-top: -50px;margin-left: 10px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(6){margin-top: -30px;margin-left: 3px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(7){margin-top: -45px;margin-left: 8px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(8){margin-top: 14px;margin-left: 3px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(9){margin-top: 25px;margin-left: 6px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(10){margin-top: -25px;margin-left: 4px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(11){margin-top:0px;margin-left: -1px;}
-.historyBanner>ul>li:first-child>ol>li:nth-child(12){margin-top: -17px;margin-left:-12px;}
-
-.direction{width: 1200px;margin: 0 auto;margin-top: -150px;margin-bottom: 150px;}
-.direction span{width: 28px;height: 28px;background: #ff7302;display: inline-block;color: #FFFFFF;font-size: 18px;line-height: 28px;text-align: center;border-radius: 50%;cursor: pointer;}
-.direction span:first-child{float: left;}
-.direction span:first-child+span{float:right;}
-
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(1){margin-top: -37px;margin-left: 44px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(2){margin-top: -5px;margin-left: 3px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(3){margin-top: -52px;margin-left: 5px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(4){margin-top: -45px;margin-left: 7px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(5){margin-top: -45px;margin-left:4px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(5) p{width:120px;margin-left:-10px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(6){margin-top: -50px;margin-left: 3px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(6) p{width:165px;margin-left:-40px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(7){margin-top: -50px;margin-left: 7px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(8){margin-top: -50px;margin-left: 8px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(8) p{width:165px;margin-left:-40px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(9){margin-top: -54px;margin-left: 8px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(9) p{width:165px;margin-left:-40px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(10){margin-top: -30px;margin-left:5px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(10) p{width:165px;margin-left:-40px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(11){margin-top:-20px;margin-left: 8px;}
-.historyBanner>ul>li:first-child+li>ol>li:nth-child(11) p{width:112px;margin-left:-15px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(1){margin-top:50px;margin-left: 8px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(2){margin-top:-55px;margin-left: -7px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(2) p{margin-left: -9px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(3){margin-top:-42px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(3) p{width: 144px;margin-left: -34px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(4){margin-top:-38px;margin-left: 5px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(5){margin-top:-41px;margin-left: 11px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(6){margin-top:-38px;margin-left: 4px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(6) p{width: 139px;margin-left: -24px;}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(7){margin-top:-53px;margin-left: 4px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(8){margin-top:25px;margin-left: 6px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(9){margin-top:54px;margin-left: 4px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(10){margin-top:7px;margin-left: 5px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(11){margin-top:-2px;margin-left: 0px}
-.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(12){margin-top:-45px;margin-left: -11px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(1){margin-top:-45px;margin-left: 46px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(2){margin-top:-13px;margin-left: -1px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(3){margin-top:-13px;margin-left: 8px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(4){margin-top:-14px;margin-left: 5px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(5){margin-top:-14px;margin-left: 3px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(6){margin-top:-54px;margin-left: 7px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(7){margin-top:-75px;margin-left: 3px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8){margin-top:-38px;margin-left: 8px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8) p{width: 309px;margin-left: -123px;}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9){margin-top: -23px;margin-left: 10px;}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9) p{width: 251px;margin-left: -159px;margin-top: -10px;margin-bottom: 14px;}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(10){margin-top:-2px;margin-left: 0px}
-.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(11){margin-top:-28px;margin-left: 10px}
-.historyBanner>ul>li:nth-child(5)>ol>li:nth-child(1){margin-top:-54px;margin-left: 0px}
-.historyBanner>ul>li:nth-child(5)>ol>li:nth-child(2){margin-top:-40px;margin-left: -2px}
+.history {
+  clear: both;
+  padding-top: 70px;
+  position: relative;
+}
+
+.history>div {
+  position: relative;
+}
+
+.history>div>.dingwei {
+  position: absolute;
+  top: -130px;
+}
+
+.history h4 {
+  font-weight: normal;
+  font-size: 24px;
+  color: #1a1a1a;
+}
+
+.history h4 img {
+  margin-right: 5px;
+  vertical-align: middle;
+  margin-top: -2px;
+  margin-right: 5px;
+}
+
+.history h4 span {
+  font-size: 16px;
+  color: #605f5f;
+}
+
+.historyBanner {
+  width: 1100px;
+  clear: both;
+  overflow: hidden;
+  height: 350px;
+  margin-left: 50px;
+}
+
+.historyBanner ul {
+  width: 1000000px;
+  overflow: hidden;
+  padding-top: 50px;
+  transition: all .5s;
+}
+
+.historyBanner>ul>li {
+  float: left;
+  height: 300px;
+  width: 1100px;
+}
+
+.historyBanner>ul>li>ol>li {
+  float: left;
+  text-align: center;
+  width: 88px;
+  vertical-align: top;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.historyBanner>ul>li>ol>li p {
+  width: 100px;
+  font-size: 14px;
+  color: #8d8d8d;
+  visibility: hidden;
+  margin-bottom: 5px;
+}
+
+.historyBanner>ul>li:first-child {
+  background: url(../../img/aboutUs011.png) no-repeat center;
+  background-size: 98% 80%;
+  background-position-x: -11px;
+}
+
+.historyBanner>ul>li>ol>li span:hover {
+  color: #ff7302;
+}
+
+.historyBanner>ul>li:first-child+li {
+  background: url(../../img/aboutUs012.png) no-repeat center;
+  background-size: 98% 80%;
+  background-position-x: -11px;
+  margin-left: -26px;
+}
+
+.historyBanner>ul>li:nth-child(2)+li {
+  background: url(../../img/aboutUs011.png) no-repeat center;
+  background-size: 98% 80%;
+  background-position-x: -11px;
+  margin-left: -26px;
+}
+
+.historyBanner>ul>li:nth-child(3)+li {
+  background: url(../../img/aboutUs012.png) no-repeat center;
+  background-size: 98% 80%;
+  background-position-x: -11px;
+  margin-left: -26px;
+}
+
+.historyBanner>ul>li:nth-child(4)+li {
+  background: url(../../img/aboutUs011.png) no-repeat center;
+  background-size: 98% 80%;
+  background-position-x: -11px;
+  margin-left: -26px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(1) {
+  margin-top: 17px;
+  margin-left: 2px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(2) {
+  margin-top: -13px;
+  margin-left: 0px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(3) {
+  margin-top: -37px;
+  margin-left: 0px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(4) {
+  margin-top: -50px;
+  margin-left: 7px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(5) {
+  margin-top: -50px;
+  margin-left: 10px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(6) {
+  margin-top: -30px;
+  margin-left: 3px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(7) {
+  margin-top: -45px;
+  margin-left: 8px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(8) {
+  margin-top: 14px;
+  margin-left: 3px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(9) {
+  margin-top: 25px;
+  margin-left: 6px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(10) {
+  margin-top: -25px;
+  margin-left: 4px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(11) {
+  margin-top: 0px;
+  margin-left: -1px;
+}
+
+.historyBanner>ul>li:first-child>ol>li:nth-child(12) {
+  margin-top: -17px;
+  margin-left: -12px;
+}
+
+.direction {
+  width: 1200px;
+  margin: 0 auto;
+  margin-top: -150px;
+  margin-bottom: 150px;
+}
+
+.direction span {
+  width: 28px;
+  height: 28px;
+  background: #ff7302;
+  display: inline-block;
+  color: #FFFFFF;
+  font-size: 18px;
+  line-height: 28px;
+  text-align: center;
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.direction span:first-child {
+  float: left;
+}
+
+.direction span:first-child+span {
+  float: right;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(1) {
+  margin-top: -37px;
+  margin-left: 44px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(2) {
+  margin-top: -5px;
+  margin-left: 3px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(3) {
+  margin-top: -52px;
+  margin-left: 5px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(4) {
+  margin-top: -45px;
+  margin-left: 7px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(5) {
+  margin-top: -45px;
+  margin-left: 4px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(5) p {
+  width: 120px;
+  margin-left: -10px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(6) {
+  margin-top: -50px;
+  margin-left: 3px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(6) p {
+  width: 165px;
+  margin-left: -40px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(7) {
+  margin-top: -50px;
+  margin-left: 7px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(8) {
+  margin-top: -50px;
+  margin-left: 8px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(8) p {
+  width: 165px;
+  margin-left: -40px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(9) {
+  margin-top: -54px;
+  margin-left: 8px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(9) p {
+  width: 165px;
+  margin-left: -40px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(10) {
+  margin-top: -30px;
+  margin-left: 5px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(10) p {
+  width: 165px;
+  margin-left: -40px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(11) {
+  margin-top: -20px;
+  margin-left: 8px;
+}
+
+.historyBanner>ul>li:first-child+li>ol>li:nth-child(11) p {
+  width: 112px;
+  margin-left: -15px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(1) {
+  margin-top: 50px;
+  margin-left: 8px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(2) {
+  margin-top: -55px;
+  margin-left: -7px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(2) p {
+  margin-left: -9px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(3) {
+  margin-top: -42px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(3) p {
+  width: 144px;
+  margin-left: -34px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(4) {
+  margin-top: -38px;
+  margin-left: 5px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(5) {
+  margin-top: -41px;
+  margin-left: 11px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(6) {
+  margin-top: -38px;
+  margin-left: 4px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(6) p {
+  width: 139px;
+  margin-left: -24px;
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(7) {
+  margin-top: -53px;
+  margin-left: 4px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(8) {
+  margin-top: 25px;
+  margin-left: 6px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(9) {
+  margin-top: 54px;
+  margin-left: 4px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(10) {
+  margin-top: 7px;
+  margin-left: 5px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(11) {
+  margin-top: -2px;
+  margin-left: 0px
+}
+
+.historyBanner>ul>li:nth-child(3)>ol>li:nth-child(12) {
+  margin-top: -45px;
+  margin-left: -11px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(1) {
+  margin-top: -45px;
+  margin-left: 46px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(2) {
+  margin-top: -13px;
+  margin-left: -1px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(3) {
+  margin-top: -13px;
+  margin-left: 8px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(4) {
+  margin-top: -14px;
+  margin-left: 5px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(5) {
+  margin-top: -14px;
+  margin-left: 3px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(6) {
+  margin-top: -54px;
+  margin-left: 7px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(7) {
+  margin-top: -75px;
+  margin-left: 3px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8) {
+  margin-top: -38px;
+  margin-left: 8px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(8) p {
+  width: 309px;
+  margin-left: -123px;
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9) {
+  margin-top: -23px;
+  margin-left: 10px;
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(9) p {
+  width: 251px;
+  margin-left: -159px;
+  margin-top: -10px;
+  margin-bottom: 14px;
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(10) {
+  margin-top: -2px;
+  margin-left: 0px
+}
+
+.historyBanner>ul>li:nth-child(4)>ol>li:nth-child(11) {
+  margin-top: -28px;
+  margin-left: 10px
+}
+
+.historyBanner>ul>li:nth-child(5)>ol>li:nth-child(1) {
+  margin-top: -54px;
+  margin-left: 0px
+}
 
+.historyBanner>ul>li:nth-child(5)>ol>li:nth-child(2) {
+  margin-top: -40px;
+  margin-left: -2px
+}

+ 6 - 6
src/css/eventPlanning.css

@@ -62,9 +62,9 @@
   margin-top: 20px;
   background: #ffffff;
   cursor: pointer;
-  width: 1250px;
+  width: 1200px;
   height: 272px;
-  padding: 36px 50px;
+  padding: 36px 40px;
   transition: all .36s ease;
   position: relative;
   top: 0;
@@ -78,19 +78,19 @@
 
 .app .newslist li .newslist_img {
   float: left;
-  width: 345px;
+  width: 340px;
   height: 200px;
 }
 
 .app .newslist li .newslist_img img {
-  width: 345px;
+  width: 340px;
   height: 200px;
 }
 
 .app .newslist li .newslist_content {
   float: left;
-  width: 735px;
-  margin-left: 70px;
+  width: 730px;
+  margin-left: 50px;
   height: 200px;
 }
 

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 1285 - 1
src/css/inded.css


+ 274 - 148
src/css/newMenu/header.css

@@ -1,75 +1,125 @@
 /* header */
-.header{
-    color:#333;
+.header {
+    color: #333;
     height: 35px;
     line-height: 35px;
     background-color: #f9f9f9;
     border-bottom: 1px solid #eaeaea;
 }
-.logo{
-    height:70px;
+
+.logo {
+    height: 70px;
 }
-.logo img{
+
+.logo img {
     height: 100%;
 }
-.topNav{
+
+.topNav {
     width: 100%;
     height: 125px;
     background: #ffffff;
 }
-.topFixHeight{
+
+.topFixHeight {
     height: 125px;
     width: 100%;
     background: #ffffff;
 }
-.topNav.navFix{
+
+.topNav.navFix {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999999;
     box-shadow: 0 4px 10px #ccc;
 }
-.header div>div{
+
+.header div>div {
     margin-left: 30px;
-    float:right;
+    float: right;
 }
+
 .header ul li {
     float: left;
     margin: 0 15px;
 }
-.header ul li:hover a{
+
+.header ul li:hover a {
     color: #064f87;
 }
-.header ul li img{
+
+.header ul li img {
     vertical-align: top;
     margin-top: 8px;
     margin-right: 4px;
 }
-.header ul li .navigationList{
+
+.header ul li .navigationList {
     position: relative;
 }
-.header .navigationList .webkitDown{
+
+.header .navigationList .webkitDown {
     width: 12px;
     height: 8px;
     display: inline-block;
     background: url(../../../img/index/index_down.jpg) no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
     margin-left: 6px;
 }
-.header div>div.APP{float:left;position: relative;cursor: pointer;padding: 0 10px;}
-div.APP>div.xialaewm{height:120px;position: absolute;margin-left:-10px;float: none;padding: 10px;
-display:none;justify-content: space-between;background-color: #fff;z-index: 100;text-align: center;}
-div.APP>div.xialaewm>div{margin-left:0px;vertical-align: auto;}
-div.APP:hover>div.xialaewm{display:flex;}
-div.APP:hover{background-color: #fff;}
+
+.header div>div.tel {
+    float: left;
+    font-size: 20px;
+    color: #1566ED;
+    margin-left: 140px;
+}
+
+.header div>div.APP {
+    float: right;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    cursor: pointer;
+}
+
+div.APP>div.xialaewm {
+    height: 120px;
+    position: absolute;
+    right: 0;
+    top: 35px;
+    float: none;
+    padding: 10px;
+    display: none;
+    justify-content: space-between;
+    background-color: #fff;
+    z-index: 100;
+    text-align: center;
+}
+
+div.APP>div.xialaewm>div {
+    margin-left: 0px;
+    vertical-align: auto;
+}
+
+div.APP:hover>div.xialaewm {
+    display: flex;
+}
+
+div.APP:hover {
+    background-color: #fff;
+}
 
 .APP>.xialaewm>#ios img {
     width: 81px;
     height: 78px;
 }
+
 .header .technology {
-    float: right;
+    float: left;
 }
+
 .header .technology a {
     margin-right: 10px;
 }
@@ -80,57 +130,67 @@ div.APP:hover{background-color: #fff;}
 
 
 
-.webkitDown{
+.webkitDown {
     width: 12px;
     height: 8px;
     display: inline-block;
     background: url(../../../img/index/index_down.jpg) no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
     margin-left: 6px;
 }
-.header a{
-    color:#333;
+
+.header a {
+    color: #333;
 }
-.header .colorRed{
+
+.header .colorRed {
     color: #ff570c;
 }
+
 /* 导航 */
-.topNavBj{
+.topNavBj {
     height: 90px;
     background: #ffffff;
     width: 100%;
 }
-.topHeader{
-	width: 100%;
-	background: #ffffff;
-    height:90px;
+
+.topHeader {
+    width: 100%;
+    background: #ffffff;
+    height: 90px;
 }
+
 /* 导航 */
 .navHeader {
     overflow: hidden;
     width: 100%;
 }
-.navHeader .logo_photo{
+
+.navHeader .logo_photo {
     float: right;
     color: #ff570c;
     font-weight: 700;
     font-size: 18px;
     line-height: 86px;
 }
+
 .navHeader .nav ul li img {
-	width: 30px;
-	height: 30px;
-	position: absolute;
-	right: 0px;
-	top: 9px;
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    right: 0px;
+    top: 9px;
 }
+
 .navHeader .logo {
-	float: left;
+    float: left;
     margin-top: 7px;
 }
-.carousel-indicators{
-    bottom: 30px!important;
+
+.carousel-indicators {
+    bottom: 30px !important;
 }
+
 /* .navHeader .logo_right {
 	margin-top: 15px;
 	float: left;
@@ -141,130 +201,145 @@ div.APP:hover{background-color: #fff;}
     margin-left: 10px;
     background-size:100% 100%; 
 } */
-.photoHeader{
+.photoHeader {
     width: 168px;
     height: 35px;
     float: right;
     color: #ff9914;
-    font-weight:900;
+    font-weight: 900;
     margin-top: 2px;
     line-height: 31px;
 }
-.photoHeader img{
+
+.photoHeader img {
     width: 32px;
     height: 32px;
     vertical-align: top
 }
+
 .navHeader .nav {
     float: right;
     vertical-align: top;
     margin-top: 16px;
-	padding-left: 16px;
+    padding-left: 16px;
 }
 
 .navHeader .nav>ul>li {
     float: left;
-    /* width: 120px; */
-    margin-right: 50px;
+    margin-left: 37px;
     vertical-align: middle;
-	text-align: center;
+    text-align: center;
     position: relative;
-    border-bottom:3px solid transparent;
+    border-bottom: 3px solid transparent;
 }
-.navHeader .nav>ul>li.active div>a{
+
+.navHeader .nav>ul>li.active div>a {
     /* box-shadow: 0 0 15px rgb(219, 218, 218); */
     color: #0289df;
 
 }
-.navHeader .nav>ul>li.active{
-    border-color:#0289df; 
+
+.navHeader .nav>ul>li.active {
+    border-color: #0289df;
 }
-.header .blue{
+
+.header .blue {
     color: #ff570c;
     font-weight: 700;
     font-size: 18px;
 }
+
 /*2级导航*/
-.navHeader .nav ul li div{
+.navHeader .nav ul li div {
     background: #ffffff;
-    overflow:hidden;
+    overflow: hidden;
 }
-.navHeader .nav ul li:hover{
-   border-color: #0289df;
+
+.navHeader .nav ul li:hover {
+    border-color: #0289df;
 }
-.navHeader .nav ul li:hover div>a{
+
+.navHeader .nav ul li:hover div>a {
     color: #064f87;
 }
-.navHeader .nav ul li>div>a{
+
+.navHeader .nav ul li>div>a {
     line-height: 56px;
     height: 56px;
     width: 100%;
-	display: inline-block;
-    font-size: 18px;
+    display: inline-block;
+    font-size: 20px;
     color: #323131;
+    letter-spacing: 0;
 }
+
 .navHeader .nav ul li .subnavigation {
-	top: 60px;
+    top: 60px;
     z-index: 9999;
     position: absolute;
     width: 100%;
-	background: #ffffff;
+    background: #ffffff;
     display: none;
     padding-bottom: 15px;
 }
 
 .subnavigation li>a {
     width: 100%;
-	height: 42px;
-	line-height: 42px;
+    height: 42px;
+    line-height: 42px;
     display: inline-block;
     color: #7a7878;
 }
 
 .subnavigation li a:hover {
-    color:#064f87!important;
+    color: #064f87 !important;
     background: #e5f0f4;
 }
 
 .subnavigation li {
-	height: 30px;
-	line-height: 30px;
+    height: 30px;
+    line-height: 30px;
 }
 
 
 /*hot*/
 
 .nav ul li:hover img {
-	animation: hot 1s infinite linear;
-	transition: all 1s;
+    animation: hot 1s infinite linear;
+    transition: all 1s;
 }
 
 @keyframes hot {
-	0% {
-		width: 30px;
-		height: 30px;
-	}
-	25% {
-		width: 25px;
-		height: 25px;
-		top: 9px;
-	}
-	50% {
-		width: 30px;
-		height: 30px;
-	}
-	100% {
-		width: 25px;
-		height: 25px;
-		top: 9px;
-	}
-}
-.navHeader .nav_right{
+    0% {
+        width: 30px;
+        height: 30px;
+    }
+
+    25% {
+        width: 25px;
+        height: 25px;
+        top: 9px;
+    }
+
+    50% {
+        width: 30px;
+        height: 30px;
+    }
+
+    100% {
+        width: 25px;
+        height: 25px;
+        top: 9px;
+    }
+}
+
+.navHeader .nav_right {
     margin-top: 20px;
     float: right;
-    color:#ff570c;
+    color: #ff570c;
 }
-.navHeader .nav_right img{
+
+.navHeader .nav_right img {
     width: 82px;
     height: 62px;
     margin-right: 14px;
@@ -275,6 +350,7 @@ div.APP:hover{background-color: #fff;}
         width: 1200px;
     }
 }
+
 .search {
     clear: both;
     margin-top: 30px;
@@ -314,7 +390,7 @@ div.APP:hover{background-color: #fff;}
 .search .search-inp {
     font-size: 16px;
     height: 55px;
-    line-height:40px;
+    line-height: 40px;
 }
 
 .search-inp .input-group {
@@ -332,6 +408,7 @@ div.APP:hover{background-color: #fff;}
     border-color: #1797e9;
     border-right: none;
 }
+
 .search .search-inp button {
     height: 44px;
     /*line-height: 45px;*/
@@ -343,22 +420,29 @@ div.APP:hover{background-color: #fff;}
     border-radius: 0 5px 5px 0;
     padding-top: 3px;
 }
-input:focus{
+
+input:focus {
     outline: none;
 }
-.btn:focus,.btn:active,.btn.focus,.btn:active:focus,.btn.active:focus{
+
+.btn:focus,
+.btn:active,
+.btn.focus,
+.btn:active:focus,
+.btn.active:focus {
     background: #1797e9;
     outline: none;
-    color:#ffffff;
+    color: #ffffff;
     border: none
 }
-.search-inp .input-group{
+
+.search-inp .input-group {
     position: relative;
 }
-.searchBtn{
-   
-}
-.search-inp .txtVal{
+
+.searchBtn {}
+
+.search-inp .txtVal {
     position: absolute;
     left: 5px;
     top: 0;
@@ -367,14 +451,16 @@ input:focus{
     line-height: 24px;
     padding: 16px 5px 16px 10px;
 }
-.search-inp .txtVal span{
+
+.search-inp .txtVal span {
     display: inline-block;
-    padding:  0 10px;
+    padding: 0 10px;
     background: #e9f3f9;
     color: #7f7f7f;
     font-size: 14px;
     margin-right: 10px;
 }
+
 .search .search-inp div {
     float: left;
 }
@@ -384,20 +470,25 @@ input:focus{
     overflow: hidden;
     margin-bottom: 20px
 }
-.searchMain ol li a{
-    font-size: 14px!important;
-    font-weight: normal!important;
+
+.searchMain ol li a {
+    font-size: 14px !important;
+    font-weight: normal !important;
 }
-.search ol li a:hover{
+
+.search ol li a:hover {
     color: #0289df;
 }
+
 .search ol {
     clear: both
 }
-.searchMain ol li{
-    font-size: 14px!important;
-    font-weight: normal!important;
+
+.searchMain ol li {
+    font-size: 14px !important;
+    font-weight: normal !important;
 }
+
 .search ol li {
     cursor: pointer;
     height: 30px;
@@ -407,7 +498,8 @@ input:focus{
     font-size: 16px;
     font-weight: 700;
 }
-.search ol li a{
+
+.search ol li a {
     font-size: 16px;
     font-weight: 700;
     color: #393838;
@@ -453,7 +545,7 @@ input:focus{
     background: #fff;
     color: #4A4A4A;
     font-size: 14px;
-    box-shadow:0 0 2px 0 #DDDCDC;
+    box-shadow: 0 0 2px 0 #DDDCDC;
 }
 
 .navMeau .menuList ul li {
@@ -464,14 +556,17 @@ input:focus{
     line-height: 36px;
     text-align: center
 }
-.menuList ul li.active{
+
+.menuList ul li.active {
     color: #ff570c
 }
-.navMeau .menuList ul li:hover a{
+
+.navMeau .menuList ul li:hover a {
     cursor: pointer;
     color: #0289df
 }
-.menuList ul li a{
+
+.menuList ul li a {
     width: 100%;
     height: 36px;
     line-height: 36px;
@@ -521,11 +616,27 @@ input:focus{
     margin: 0 30px;
     float: left;
 }
+
+/* 注册按钮 */
+.reg {
+    background: #1566ED;
+    border-radius: 5px;
+    padding: 3px 20px;
+}
+
+/* 登录按钮 */
+.log {
+    border: 1px solid #1566ED;
+    border-radius: 5px;
+    padding: 3px 20px;
+}
+
 /* 购物车 */
-.shopIcon{
+.shopIcon {
     position: relative;
 }
-.shopIcon .tint{
+
+.shopIcon .tint {
     position: absolute;
     font-size: 40px;
     color: #1697ea;
@@ -533,79 +644,94 @@ input:focus{
     z-index: 99999;
     transition: all 0s ease-in;
 }
-.signin a:nth-child(2):hover{
-    color:#f00;
+
+.signin a:nth-child(2):hover {
+    color: #f00;
 }
-.text_top a{
+
+.text_top a {
     color: #fff;
 }
-.text_top a:hover{
+
+.text_top a:hover {
     color: #0289df;
 }
-.shopIcon .tint.active{
+
+.shopIcon .tint.active {
     opacity: 1;
     position: absolute;
-    top: 20px!important;
-    left: 20px!important;
+    top: 20px !important;
+    left: 20px !important;
     font-size: 5px;
     transition: all .5s ease-in;
 }
+
 /* 网站导航 */
-.navWrapper{
+.navWrapper {
     display: none;
     position: absolute;
     top: 36px;
     width: 1200px;
     background: #ffffff;
     left: 50%;
-    margin-left: -600px;;
+    margin-left: -600px;
     z-index: 99999;
     padding: 30px;
     box-shadow: 0 2px 10px #ccc;
 }
-.navWrapper ol  {
-   display: flex;
-   justify-content: space-between;
+
+.navWrapper ol {
+    display: flex;
+    justify-content: space-between;
 }
-.navWrapper ol li div{
+
+.navWrapper ol li div {
     font-size: 16px;
     color: #1f1f1f;
 }
-.navWrapper ol li a{
+
+.navWrapper ol li a {
     font-size: 14px;
     color: #7a7878;
     display: inline-block;
-   
+
     font-family: "新宋体"
 }
-.navWrapper ol li a:hover{
-    color:#1697ea;
+
+.navWrapper ol li a:hover {
+    color: #1697ea;
 }
-.navWrapper ol li:nth-child(2) a{
+
+.navWrapper ol li:nth-child(2) a {
     margin-right: 38px;
 }
-.navWrapper ol li:nth-child(3) a{
-    margin-right:65px;
+
+.navWrapper ol li:nth-child(3) a {
+    margin-right: 65px;
 }
+
 /* #LRMINIBar{
     opacity: 0;
 } */
-#LRfloater0{
-    left: -150px!important;
-    top:-150px!important;
+#LRfloater0 {
+    left: -150px !important;
+    top: -150px !important;
 }
-#LRMINIBar{
-    bottom: -60px!important;
+
+#LRMINIBar {
+    bottom: -60px !important;
 }
-#LR-BUBBLE{
-    margin-bottom:-70px!important;
+
+#LR-BUBBLE {
+    margin-bottom: -70px !important;
 }
-a[title]{
+
+a[title] {
     position: absolute;
     top: -80px;
     left: -80px;
 }
-img{
-    border: none;
-}
 
+img {
+    border: none;
+}

+ 289 - 192
src/css/newMenu/patent.css

@@ -8,48 +8,56 @@
     position: relative;
     z-index: 10;
 }
-.menuPosition .carousel{
+
+.menuPosition .carousel {
     width: 100%;
 }
-.carousel-inner{
-    height: 100%!important;
+
+.carousel-inner {
+    height: 100% !important;
 }
-.menuPosition .carousel img{
+
+.menuPosition .carousel img {
     width: 100%;
     display: inline-block;
     position: absolute;
     top: 0;
     left: 0;
 }
-.patentMenu{
-    width: 1164px; 
+
+.patentMenu {
+    width: 1164px;
     position: absolute;
     top: 0;
-    left: 50%; 
+    left: 50%;
     margin-left: -582px;
     height: 0px;
 }
-.patentMenu .firstMenu{
+
+.patentMenu .firstMenu {
     position: absolute;
     z-index: 20;
     overflow: hidden;
     width: 198px;
     height: 452px;
     top: 0px;
-    left: 15px; 
+    left: 15px;
     background: #fff;
 }
-.patentMenu .firstMenu a{
+
+.patentMenu .firstMenu a {
     display: inline-block;
     color: #7a7878;
 }
-.patentMenu .firstMenu>p{
+
+.patentMenu .firstMenu>p {
     width: 100%;
     height: 72px;
     text-align: center;
     background: url(../../../img/patent/patent_menu1.png)no-repeat;
-    background-size:100% 100%; 
+    background-size: 100% 100%;
 }
+
 .firstMenu ul li {
     width: 100%;
     height: 127px;
@@ -57,38 +65,45 @@
     padding: 0 20px;
     transition: all .3s ease-in;
 }
+
 .firstMenu ul li.active {
     margin-left: 15px;
     transition: all .3s ease-in-out;
 }
-.firstMenu ul li.active  a{
+
+.firstMenu ul li.active a {
     color: #1797e9;
 }
-.firstMenu ul li.active span{
-    color: #1797e9!important;
+
+.firstMenu ul li.active span {
+    color: #1797e9 !important;
     border-color: #1797e9;
 }
-.firstMenu  ul li.active p{
+
+.firstMenu ul li.active p {
     color: #1797e9;
 }
-.firstMenu ul li>p{
+
+.firstMenu ul li>p {
     height: 127px;
     font-size: 18px;
     color: #7a7878;
     line-height: 126px;
     border-bottom: 1px solid #e0e0e0;
 }
-.firstMenu ul li>p span:nth-child(1){
+
+.firstMenu ul li>p span:nth-child(1) {
     display: inline-block;
     height: 20px;
     line-height: 18px;
-    color:#7a7878;
+    color: #7a7878;
     vertical-align: middle;
 }
-.firstMenu ul li .circl{
+
+.firstMenu ul li .circl {
     display: inline-block;
     width: 20px;
-    height:20px;
+    height: 20px;
     border: 1px solid #7a7878;
     border-radius: 50%;
     font-size: 10px;
@@ -96,36 +111,42 @@
     margin-right: 10px;
     margin-top: -2px;
 }
-.firstMenu ul li:hover{
+
+.firstMenu ul li:hover {
     cursor: pointer;
 }
-.firstMenu ul li .direction{
-     float: right;
-     margin-right: 16px;
-     width: 10px;
-     font-size: 10px;
-     height: 10px;
-     display: inline-block;
+
+.firstMenu ul li .direction {
+    float: right;
+    margin-right: 16px;
+    width: 10px;
+    font-size: 10px;
+    height: 10px;
+    display: inline-block;
 }
-.firstMenu ul li:nth-child(3)>p{
+
+.firstMenu ul li:nth-child(3)>p {
     border: none
 }
-.secondMenu{
+
+.secondMenu {
     overflow: hidden;
     position: absolute;
     left: 213px;
-    top:0px;
+    top: 0px;
     background: #fff;
-    height:440px;
+    height: 440px;
     width: 0px;
     border-top: 1px solid #e0e0e0;
     transition: all .3s ease-in-out;
 }
-.secondMenu.active{
+
+.secondMenu.active {
     width: 660px;
     transition: all .3s ease-in
 }
-.secondMenu ul li{
+
+.secondMenu ul li {
     position: absolute;
     top: 0;
     left: 700px;
@@ -133,99 +154,119 @@
     opacity: 0;
     transition: all .3s ease-in-out;
 }
-.secondMenu ul li div{
+
+.secondMenu ul li div {
     width: 180px;
     float: left;
     height: 300px;
-    margin-top:44px;
-    border-left:  1px dotted #e0e0e0;
+    margin-top: 44px;
+    border-left: 1px dotted #e0e0e0;
     text-align: center;
 }
-.secondMenu ul li.active{
+
+.secondMenu ul li.active {
     left: 0;
     transition: all .3s ease-in-out;
     opacity: 1;
 }
-.secondMenu ul li div:first-child{
+
+.secondMenu ul li div:first-child {
     border-left: none;
 }
 
-.secondMenu ul li div p a{
-   display: inline-block;
-   margin-bottom: 45px!important;
-   color: #7a7878;
+.secondMenu ul li div p a {
+    display: inline-block;
+    margin-bottom: 45px !important;
+    color: #7a7878;
 }
-.secondMenu ul li div  p:nth-child(1) a{
+
+.secondMenu ul li div p:nth-child(1) a {
     margin-top: 10px;
 }
-.secondMenu ul li div p a:hover{
+
+.secondMenu ul li div p a:hover {
     color: #1797e9;
 }
+
 .secondMenu ul li div p {
     width: 100%;
     overflow: hidden;
     padding: 0 5px;
 }
-.secondMenu .menuBj{
+
+.secondMenu .menuBj {
     width: 130px;
     height: 110px;
     background: url(../../../img/patent/patent_menuBj.jpg)no-repeat;
-    background-size:100% 100%;
+    background-size: 100% 100%;
     position: absolute;
     right: 13px;
-    bottom: 60px; 
+    bottom: 60px;
 }
+
 /* 搜索 */
-.indexSearch{
+.indexSearch {
     width: 743px;
     height: 36px;
-    margin: 10px auto 74px;;
+    margin: 10px auto 74px;
+    ;
 }
 
-.indexSearch .search-inp{
+.indexSearch .search-inp {
     clear: both;
-    width:635px;
+    width: 635px;
     height: 36px;
 }
 
-.indexSearch .demandSearch{
+.indexSearch .demandSearch {
     width: 530px;
     height: 44px;
     line-height: 34px;
 }
-.indexSearch .searchBtn{
+
+.indexSearch .searchBtn {
     height: 44px;
     line-height: 22px;
     background: #1697e9;
     border: 1px solid #1697e9;
     color: #ffffff;
 }
-.indexSearch .searchBtn img{
-    width: 35px;height: 34px;
+
+.indexSearch .searchBtn img {
+    width: 35px;
+    height: 34px;
     vertical-align: top
 }
-.indexSearch .search-inp{
+
+.indexSearch .search-inp {
     float: left;
 }
 
 
-.indexSearch .search-inp .input-group{
+.indexSearch .search-inp .input-group {
     width: 530px;
 }
-.form-control,.btn{
+
+.form-control,
+.btn {
     border-radius: 0;
 }
-.btn{
+
+.btn {
     padding: 0;
 }
-.indexSearch .search-inp .input-group .input-group-btn{
+
+.indexSearch .search-inp .input-group .input-group-btn {
     width: 104px;
 }
-.indexSearch .search-inp .input-group .input-group-btn button{
-    width: 60px;;
+
+.indexSearch .search-inp .input-group .input-group-btn button {
+    width: 60px;
+    ;
     font-size: 18px;
 }
-.indexSearch .apply{
+
+.indexSearch .apply {
     cursor: pointer;
     float: right;
     width: 105px;
@@ -236,24 +277,34 @@
     color: #ffffff;
     background: #ffac2a;
 }
+
 /* 热门推荐 */
-.RecommendTitle{
+.RecommendTitle {
     clear: both;
     text-align: center;
+    position: relative;
 }
-.RecommendTitle h2{
+
+.RecommendTitle>.dingwei {
+    position: absolute;
+    top: -130px;
+}
+
+.RecommendTitle h2 {
     font-size: 26px;
     color: #323131;
 }
-.RecommendTitle span{
+
+.RecommendTitle span {
     display: inline-block;
     width: 54px;
     height: 4px;
     background: #1697e9;
     transition: all .2s ease-in;
 }
+
 /* 最新发布 */
-.newRelease{
+.newRelease {
     margin-top: 30px;
     display: flex;
     display: -webkit-flex;
@@ -261,25 +312,29 @@
     margin-bottom: 70px;
     border: 1px solid #e0e0e0;
 }
-.newRelease li{
+
+.newRelease li {
     width: 25%;
     height: 420px;
     position: relative;
     z-index: 20;
 }
+
 /* .newRelease li:first-child .txt{
     border-left: 1px solid #e0e0e0;
 }
 .newRelease li:last-child .txt{
     border-right: 1px solid #e0e0e0;
 } */
-.newRelease li{
+.newRelease li {
     border-right: 1px solid #e0e0e0;
 }
-.newRelease li:last-child{
+
+.newRelease li:last-child {
     border: none;
 }
-.newRelease li:nth-child(2n) .newReleaseImgs{
+
+.newRelease li:nth-child(2n) .newReleaseImgs {
     width: 100%;
     height: 290px;
     position: absolute;
@@ -290,7 +345,8 @@
     transition: all .2s ease-in;
     border-top: 1px solid #e0e0e0;
 }
-.newRelease li:nth-child(2n+1) .newReleaseImgs{
+
+.newRelease li:nth-child(2n+1) .newReleaseImgs {
     width: 100%;
     height: 290px;
     position: absolute;
@@ -301,7 +357,8 @@
     transition: all .2s ease-in;
     border-bottom: 1px solid #e0e0e0;
 }
-.newRelease li:nth-child(2n+1) .txt{
+
+.newRelease li:nth-child(2n+1) .txt {
     width: 100%;
     height: 162px;
     position: absolute;
@@ -309,7 +366,8 @@
     left: 0;
     z-index: 26;
 }
-.newRelease li:nth-child(2n) .txt{
+
+.newRelease li:nth-child(2n) .txt {
     width: 100%;
     height: 162px;
     position: absolute;
@@ -317,116 +375,135 @@
     left: 0;
     z-index: 26;
 }
-.newRelease li:nth-child(2n+1) .txt .triangle_border_up{
+
+.newRelease li:nth-child(2n+1) .txt .triangle_border_up {
     position: absolute;
     top: 18px;
     left: 42px;
     z-index: 60;
 
 }
-.newRelease li:nth-child(2n) .txt .triangle_border_up{
+
+.newRelease li:nth-child(2n) .txt .triangle_border_up {
     position: absolute;
     transform: rotate(180deg);
     bottom: 18px;
-    left:42px;
+    left: 42px;
     z-index: 60;
 }
-.newRelease li div img{
+
+.newRelease li div img {
     width: 100%;
     height: 100%;
     display: inline-block;
     transition: all .2s ease-in;
 }
-.triangle_border_up{
-    width:0;
-    height:0;
-    border-width:0 14px 14px;
-    border-style:solid;
-    border-color:transparent transparent #1697e9;/*透明 透明  灰*/
-    
+
+.triangle_border_up {
+    width: 0;
+    height: 0;
+    border-width: 0 14px 14px;
+    border-style: solid;
+    border-color: transparent transparent #1697e9;
+    /*透明 透明  灰*/
+
 }
-.newRelease li .txt .triangle{
-    width: 18px;height: 12px;
+
+.newRelease li .txt .triangle {
+    width: 18px;
+    height: 12px;
     display: inline-block;
-} 
-.txt{
+}
+
+.txt {
     padding: 45px 30px;
 }
-.txt .wrapperTxt h4{
+
+.txt .wrapperTxt h4 {
     font-weight: normal;
     font-size: 20px;
     color: #1f1f1f;
     margin-bottom: 16px;
     transition: all .2s ease-in-out;
     overflow: hidden;
-    white-space:nowrap; 
-    text-overflow:ellipsis; 
-    -o-text-overflow:ellipsis;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
 }
-.txt .wrapperTxt p{
+
+.txt .wrapperTxt p {
     font-size: 16px;
     color: #919292;
     overflow: hidden;
-    display: -webkit-box;              
-    text-overflow: ellipsis;            
-    -webkit-box-orient: vertical;       
-    -webkit-line-clamp:2;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
 }
-.txt .wrapperTxt p span{
+
+.txt .wrapperTxt p span {
     display: inline-block;
-    width:0;
-    height:0;
+    width: 0;
+    height: 0;
     margin-left: 14px;
-    border-width:6px 0 6px 6px;
-    border-style:solid;
-    border-color:transparent transparent transparent #40acff;/*透明 透明 透明 灰*/
+    border-width: 6px 0 6px 6px;
+    border-style: solid;
+    border-color: transparent transparent transparent #40acff;
+    /*透明 透明 透明 灰*/
 }
-.newRelease li:hover .newReleaseImgs img{
+
+.newRelease li:hover .newReleaseImgs img {
     transform: scale(1.1);
     transition: all .4s ease-in-out;
 }
-.newRelease li:hover h4{
+
+.newRelease li:hover h4 {
     color: #1697e9;
     margin-left: 10px;
     transition: all .2s ease-in-out;
 }
+
 /* 专利服务 */
-.patentService{
+.patentService {
     width: 100%;
     height: 500px;
     background: url(../../../img/patent/patentServesBj.jpg)no-repeat;
-    background-size:100% 100%;
+    background-size: 100% 100%;
     margin-top: 24px;
-    margin-bottom: 64px; 
+    margin-bottom: 64px;
     padding-top: 35px;
 }
 
-.patentService .patentServiceList ul{
+.patentService .patentServiceList ul {
     display: flex;
     height: 280px;
     display: -webkit-flex;
     justify-content: space-between;
 }
-.patentService .patentServiceList ul li{
+
+.patentService .patentServiceList ul li {
     width: 370px;
     height: 430px;
     background: #ffffff;
     transition: all .2s ease-in;
     box-shadow: 0 0 4px #ccc;
 }
-.patentServiceList ul li:hover p{
-    color: #1697e9!important;
+
+.patentServiceList ul li:hover p {
+    color: #1697e9 !important;
 }
-.patentService .patentServiceList ul li div{
+
+.patentService .patentServiceList ul li div {
     width: 100%;
     height: 350px;
     overflow: hidden;
 }
-.patentService .patentServiceList ul li p{
+
+.patentService .patentServiceList ul li p {
     height: 78px;
     line-height: 78px;
     text-align: center;
-    padding:0 10px;
+    padding: 0 10px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -434,38 +511,46 @@
     font-size: 22px;
     color: #1f1f1f;
 }
-.patentService .patentServiceList ul{
+
+.patentService .patentServiceList ul {
     margin-bottom: 20px;
 }
-.patentService .patentServiceList ul li div img{
+
+.patentService .patentServiceList ul li div img {
     width: 100%;
     height: 100%;
     display: inline-block;
     transition: all .2s ease-in;
 }
-.patentService .patentServiceList ul li:hover{
+
+.patentService .patentServiceList ul li:hover {
     box-shadow: 0 4px 10px #ccc;
     transition: all .2s ease-in-out;
     margin-top: -4px;
 }
+
 /* more */
-.more{
+.more {
     clear: both;
     overflow: hidden;
-    float:right;
+    float: right;
     font-size: 14px;
     color: #323131;
 }
-.more:hover{
+
+.more:hover {
     color: #1697e9;
 }
-.more:hover span{
+
+.more:hover span {
     background: #1697e9;
 }
-.more:hover span::after{
+
+.more:hover span::after {
     background: #1697e9;
 }
-.more span{
+
+.more span {
     display: inline-block;
     width: 22px;
     height: 1px;
@@ -474,26 +559,29 @@
     background: #323131;
     vertical-align: middle;
 }
-.more span:after{
+
+.more span:after {
     content: '';
     width: 6px;
     height: 1px;
     display: inline-block;
-    background:#323131;
+    background: #323131;
     transform: rotate(45deg);
     vertical-align: top;
     margin-left: 16px;
     margin-top: -3px;
 }
+
 /* 商标服务 */
-.trademark{
+.trademark {
     margin-top: 20px;
     background: #f4f4f4;
     padding-top: 36px;
     padding-bottom: 44px;
     overflow: hidden;
 }
-.trademarkList{
+
+.trademarkList {
     height: 380px;
     display: -webkit-flex;
     display: flex;
@@ -501,24 +589,28 @@
     padding: 0 14px;
     margin-bottom: 16px;
 }
-.trademarkList li{
+
+.trademarkList li {
     width: 284px;
     height: 380px;
     background: #ffffff;
     transition: all .2s ease-in;
-    box-shadow:0 0 4px #ccc;
+    box-shadow: 0 0 4px #ccc;
 }
-.trademarkList li div{
+
+.trademarkList li div {
     width: 100%;
     height: 274px;
     overflow: hidden;
 }
-.trademarkList li div img{
+
+.trademarkList li div img {
     width: 100%;
     height: 100%;
     display: inline-block;
 }
-.trademarkList li  p{
+
+.trademarkList li p {
     height: 94px;
     line-height: 94px;
     overflow: hidden;
@@ -529,18 +621,21 @@
     color: #1f1f1f;
     text-align: center
 }
-.trademarkList li:hover{
+
+.trademarkList li:hover {
     margin-top: -4px;
     box-shadow: 0 4px 10px #ccc;
     transition: all .2s ease-in-out;
 }
+
 /* 版权服务 */
 .copyright {
     clear: both;
     margin-top: 82px;
-    padding:0 14px;
+    padding: 0 14px;
 }
-.copyright h3{
+
+.copyright h3 {
     font-weight: normal;
     font-size: 26px;
     color: #2f2f2f;
@@ -550,37 +645,42 @@
     margin-bottom: 12px;
 }
 
-.copyright ul{
-    height:402px;
+.copyright ul {
+    height: 402px;
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     margin-bottom: 20px;
     margin-top: 15px;
 }
-.copyright ul li{
+
+.copyright ul li {
     width: 360px;
     background: #ffffff;
     transition: all .2s ease-in;
     box-shadow: 0 0 4px #ccc;
 }
-.copyright ul li div{
+
+.copyright ul li div {
     width: 100%;
     height: 340px;
     overflow: hidden;
 }
-.copyright ul li div img{
+
+.copyright ul li div img {
     width: 100%;
     height: 100%;
     transform: scale(0.95);
     display: inline-block;
 }
-.copyright ul li:hover  p{
+
+.copyright ul li:hover p {
     color: #1697e9
 }
-.copyright ul li  p{
+
+.copyright ul li p {
     height: 62px;
-    line-height:52px;
+    line-height: 52px;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
@@ -589,114 +689,111 @@
     color: #484545;
     text-align: center
 }
-.copyright ul li:hover{
+
+.copyright ul li:hover {
     margin-top: -4px;
     box-shadow: 0 4px 20px #ccc;
     transition: all .2s ease-in-out
 }
-.trademarkList li:hover{
+
+.trademarkList li:hover {
     margin-top: -4px;
     box-shadow: 0 4px 10px #ccc;
     transition: all .2s ease-in-out;
 }
-.trademarkList li:hover p{
+
+.trademarkList li:hover p {
     color: #1697e9;
 }
+
 /* 知产百科 */
 .Encyclopedias {
     clear: both;
     padding-top: 52px
 }
-.Encyclopedias ul{
+
+.Encyclopedias ul {
     overflow: hidden;
     margin-top: 26px;
     width: 100%;
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
-    flex-flow: row wrap;/*子元素溢出父容器时换行*/
+    flex-flow: row wrap;
+    /*子元素溢出父容器时换行*/
 }
-.Encyclopedias ul li{
-    width:578px;
+
+.Encyclopedias ul li {
+    width: 578px;
     height: 157px;
     margin-bottom: 30px;
 }
-.Encyclopedias ul li a{
+
+.Encyclopedias ul li a {
     display: inline-block;
     display: flex;
     display: -webkit-flex;
-    justify-content:space-between;
+    justify-content: space-between;
 }
-.Encyclopedias ul li .EncyclopediasImg{
+
+.Encyclopedias ul li .EncyclopediasImg {
     width: 290px;
     height: 157px;
     overflow: hidden;
 }
-.Encyclopedias ul li .EncyclopediasImg img{
+
+.Encyclopedias ul li .EncyclopediasImg img {
     width: 100%;
     height: 100%;
     display: inline-block;
     transition: all .4s ease-in-out;
 }
-.Encyclopedias ul li .EncyclopediasTxt{
+
+.Encyclopedias ul li .EncyclopediasTxt {
     width: 288px;
     height: 157px;
     padding: 22px 12px 0px;
 }
-.Encyclopedias ul li .EncyclopediasTxt h4{
+
+.Encyclopedias ul li .EncyclopediasTxt h4 {
     font-weight: normal;
     font-size: 16px;
     color: #1f1f1f;
     margin-bottom: 19px;
 }
-.Encyclopedias ul li .EncyclopediasTxt p{
+
+.Encyclopedias ul li .EncyclopediasTxt p {
     font-size: 14px;
     color: #7a7878;
     overflow: hidden;
-    display: -webkit-box;              
-    text-overflow: ellipsis;            
-    -webkit-box-orient: vertical;       
-    -webkit-line-clamp:4;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
 }
-.Encyclopedias .more{
+
+.Encyclopedias .more {
     margin-bottom: 50px;
 }
-.Encyclopedias ul li:hover .EncyclopediasImg img{
+
+.Encyclopedias ul li:hover .EncyclopediasImg img {
     transform: scale(1.1);
     transition: all .4s ease-in-out;
 }
-.Encyclopedias ul li:hover h4{
+
+.Encyclopedias ul li:hover h4 {
     color: #1697e9;
 }
 
 /* 测试 */
-#myCarousel img{
+#myCarousel img {
     display: inline-block;
 }
 
-@media screen and (max-width:1200px){
-    .patentService{
-        width: 1200px!important;
+@media screen and (max-width:1200px) {
+    .patentService {
+        width: 1200px !important;
         margin: 0 auto;
     }
 
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 471 - 162
src/css/newMenu/public.css


+ 261 - 277
src/js/eventPlanning.js

@@ -1,35 +1,42 @@
 import "../css/eventPlanning.css"
+import 'bootstrap/dist/js/bootstrap.js';
+import '../css/newMenu/public.css';
+import '../css/newMenu/header.css'
+import '../css/newMenu/patent.css';
+import '../js/public.js';
 
-window.onload = function () {
-  let value = ''
-  let totalCount = '' // 总数据条数
-  let pageNo = 1 // 页码
-  let pageSize = 10 // 一页多少条数据
-  let selected = 1 // 当前选中按钮的序号
-  let pagenum = '' // 有多少页数据
-  let btnstart = 3 // 可移动按钮组开始序号
-  let btnend = btnstart + 6 // 可移动按钮组结束序号
-  let buer = null
-  $.ajax({
-    method: "get",
-    dataType: "json",
-    url: "/open/getEventPlanningList",
-    data: {
-      pageSize: 10,
-      pageNo: 1
-    },
-    success: function (data) {
-      // console.log(data);
-      if (data.error && data.error.length) {
-        alert("数据加载失败,请刷新页面");
-      } else {
-        totalCount = data.data.totalCount
-        pagenum = Math.ceil(totalCount / pageSize)
+// window.onload =
+$(
+  function () {
+    let value = ''
+    let totalCount = '' // 总数据条数
+    let pageNo = 1 // 页码
+    let pageSize = 10 // 一页多少条数据
+    let selected = 1 // 当前选中按钮的序号
+    let pagenum = '' // 有多少页数据
+    let btnstart = 3 // 可移动按钮组开始序号
+    let btnend = btnstart + 6 // 可移动按钮组结束序号
+    let buer = null
+    $.ajax({
+      method: "get",
+      dataType: "json",
+      url: "/open/getEventPlanningList",
+      data: {
+        pageSize: 10,
+        pageNo: 1
+      },
+      success: function (data) {
+        // console.log(data);
+        if (data.error && data.error.length) {
+          alert("数据加载失败,请刷新页面");
+        } else {
+          totalCount = data.data.totalCount
+          pagenum = Math.ceil(totalCount / pageSize)
 
-        // 渲染新闻列表
-        $.each(data.data.list, function (index, item) {
-          // 新闻列表
-          let part = `<li id="${item.id}">
+          // 渲染新闻列表
+          $.each(data.data.list, function (index, item) {
+            // 新闻列表
+            let part = `<li id="${item.id}">
           <div class="newslist_img"><img src="${globalConfig.avatarUploadHost + item.pictureUrl}" alt=""></div>
           <div class="newslist_content">
             <h6 class="title">${item.title}</h6>
@@ -37,10 +44,10 @@ window.onload = function () {
             <p class="content">${item.content}</p>
           </div>
         </li>`
-          $(".app .newslist").append(part)
-        })
+            $(".app .newslist").append(part)
+          })
 
-        let paging = `    <div class="page_ctrl">
+          let paging = `    <div class="page_ctrl">
           <span class="page_total">共 ${pagenum} 页</span>
           <button class="prev_page"><</button>
           <div class="btns"></div>
@@ -50,212 +57,212 @@ window.onload = function () {
           <span class="page_total">页</span>
           <button class="determine">确定</button>
         </div>`
-        $(".app .page_1").html(paging) // 插入html片段
-        pagebtns() // 生成可移动按钮
-        select() // 给按钮添加点击事件
-        $(".determine").click(function () {
-          if ($(".input_page_num").val() < 1 || $(".input_page_num").val() > pagenum) return
-          selected = $(".input_page_num").val()
-          $(".input_page_num").val("")
-          jump()
-        })
-        // 点击左边按钮
-        $(".prev_page").click(function () {
-          if (selected == 1) return
-          selected--
-          if (selected > 4 && pagenum > 9 && selected < pagenum - 4) {
-            if ($(".more").length < 1) {
-              $(".btns").after('<span class="more">...</span>')
+          $(".app .page_1").html(paging) // 插入html片段
+          pagebtns() // 生成可移动按钮
+          select() // 给按钮添加点击事件
+          $(".determine").click(function () {
+            if ($(".input_page_num").val() < 1 || $(".input_page_num").val() > pagenum) return
+            selected = $(".input_page_num").val()
+            $(".input_page_num").val("")
+            jump()
+          })
+          // 点击左边按钮
+          $(".prev_page").click(function () {
+            if (selected == 1) return
+            selected--
+            if (selected > 4 && pagenum > 9 && selected < pagenum - 4) {
+              if ($(".more").length < 1) {
+                $(".btns").after('<span class="more">...</span>')
+              }
+              $(".btn").remove()
+              if (buer) {
+                btnstart--
+                btnend--
+                buer = false
+              }
+              for (let i = btnstart; i <= btnend; i++) {
+                let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
+                $(".btns").append(pagebtn)
+              }
             }
-            $(".btn").remove()
-            if (buer) {
-              btnstart--
-              btnend--
-              buer = false
+            if (selected > 5 && selected < pagenum - 3) {
+              --btnstart
+              --btnend
             }
-            for (let i = btnstart; i <= btnend; i++) {
-              let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
-              $(".btns").append(pagebtn)
+            if (selected == 4) {
+              btnstart = 3
+              btnend = btnstart + 6
             }
-          }
-          if (selected > 5 && selected < pagenum - 3) {
-            --btnstart
-            --btnend
-          }
-          if (selected == 4) {
-            btnstart = 3
-            btnend = btnstart + 6
-          }
-          if (selected == 5) {
-            $(".beforemore").remove()
-          }
-          select()
-          request()
-          bidden()
-          $(".pagebtn").css({
-            "background": "#fff",
-            "color": "#999"
-          })
-          $(`.pagebtn[index="${selected}"]`).css({
-            "background": "#1296DB",
-            "color": "#fff"
+            if (selected == 5) {
+              $(".beforemore").remove()
+            }
+            select()
+            request()
+            bidden()
+            $(".pagebtn").css({
+              "background": "#fff",
+              "color": "#999"
+            })
+            $(`.pagebtn[index="${selected}"]`).css({
+              "background": "#1296DB",
+              "color": "#fff"
+            })
           })
-        })
-        // 点击右边按钮
-        $(".next_page").click(function () {
-          if (selected == pagenum) return
-          selected++
-          if (selected > 5 && pagenum > 9 && selected < pagenum - 3) {
-            if ($(".beforemore").length < 1) {
-              $(".btns").before('<span class="beforemore">...</span>')
+          // 点击右边按钮
+          $(".next_page").click(function () {
+            if (selected == pagenum) return
+            selected++
+            if (selected > 5 && pagenum > 9 && selected < pagenum - 3) {
+              if ($(".beforemore").length < 1) {
+                $(".btns").before('<span class="beforemore">...</span>')
+              }
+              $(".btn").remove()
+              if (buer) {
+                // console.log(123);
+                btnstart++
+                btnend++
+                buer = false
+              }
+              for (let i = btnstart; i <= btnend; i++) {
+                let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
+                $(".btns").append(pagebtn)
+              }
             }
-            $(".btn").remove()
-            if (buer) {
-              // console.log(123);
+            if (selected > 5 && selected < pagenum - 4) {
               btnstart++
               btnend++
-              buer = false
             }
-            for (let i = btnstart; i <= btnend; i++) {
-              let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
-              $(".btns").append(pagebtn)
+            if (selected == pagenum - 4) {
+              $(".more").remove()
             }
-          }
-          if (selected > 5 && selected < pagenum - 4) {
-            btnstart++
-            btnend++
-          }
-          if (selected == pagenum - 4) {
-            $(".more").remove()
-          }
-          select()
-          request()
-          bidden()
-          $(".pagebtn").css({
-            "background": "#fff",
-            "color": "#999"
-          })
-          $(`.pagebtn[index="${selected}"]`).css({
-            "background": "#1296DB",
-            "color": "#fff"
-          })
-        })
-        // 生成按钮组
-        function pagebtns() {
-          if (pagenum <= 9) {
-            $(".prev_page").after(`<button class="pagebtn" index="1">1</button>`)
-            pagebtn(pagenum)
-          } else {
-            $(".prev_page").after(`<button class="pagebtn" index="1">1</button>`)
-            pagebtn(8)
-            $(".next_page:last").before(`<span class="more">...<span>`)
-            $(".next_page").before(`<button class="pagebtn" index="${pagenum}">${pagenum}</button>`)
-          }
-        }
-        // 生成按钮组
-        function pagebtn(pagenum) {
-          for (let i = 2; i <= pagenum; i++) {
-            let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
-            $(".btns").append(pagebtn)
-            $(".pagebtn:first").css({
-              "background": "#1296DB",
-              "color": "white"
-            })
-          }
-        }
-        // 点击按钮组
-        function select() {
-          $(".pagebtn").click(function () {
-            selected = $(this).attr("index")
-            jump()
+            select()
+            request()
+            bidden()
             $(".pagebtn").css({
               "background": "#fff",
               "color": "#999"
             })
-            $(this).css({
+            $(`.pagebtn[index="${selected}"]`).css({
               "background": "#1296DB",
-              "color": "white"
+              "color": "#fff"
             })
           })
-        }
-
-        function jump() {
-          if (selected > 5 && pagenum > 9 && selected < pagenum - 4) {
-            if ($(".more").length < 1) {
-              $(".btns").after('<span class="more">...</span>')
-            }
-            if ($(".beforemore").length < 1) {
-              $(".btns").before('<span class="beforemore">...</span>')
-            }
-            $(".btn").remove()
-            for (let i = selected - 3; i <= Number(selected) + 3; i++) {
-              let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
-              $(".btns").append(pagebtn)
+          // 生成按钮组
+          function pagebtns() {
+            if (pagenum <= 9) {
+              $(".prev_page").after(`<button class="pagebtn" index="1">1</button>`)
+              pagebtn(pagenum)
+            } else {
+              $(".prev_page").after(`<button class="pagebtn" index="1">1</button>`)
+              pagebtn(8)
+              $(".next_page:last").before(`<span class="more">...<span>`)
+              $(".next_page").before(`<button class="pagebtn" index="${pagenum}">${pagenum}</button>`)
             }
-            btnstart = Number(selected) - 3
-            btnend = Number(selected) + 3
-            buer = true
-            select()
-          } else if (pagenum < 8) {
-            $(".more").remove()
-            $(".btn").remove()
+          }
+          // 生成按钮组
+          function pagebtn(pagenum) {
             for (let i = 2; i <= pagenum; i++) {
               let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
               $(".btns").append(pagebtn)
+              $(".pagebtn:first").css({
+                "background": "#1296DB",
+                "color": "white"
+              })
             }
-            select()
-          } else if (pagenum >= 8) {
-            if (selected < 6) {
-              $(".beforemore").remove()
-              btnstart = 2
-              btnend = btnstart + 6
+          }
+          // 点击按钮组
+          function select() {
+            $(".pagebtn").click(function () {
+              selected = $(this).attr("index")
+              jump()
+              $(".pagebtn").css({
+                "background": "#fff",
+                "color": "#999"
+              })
+              $(this).css({
+                "background": "#1296DB",
+                "color": "white"
+              })
+            })
+          }
+
+          function jump() {
+            if (selected > 5 && pagenum > 9 && selected < pagenum - 4) {
+              if ($(".more").length < 1) {
+                $(".btns").after('<span class="more">...</span>')
+              }
+              if ($(".beforemore").length < 1) {
+                $(".btns").before('<span class="beforemore">...</span>')
+              }
               $(".btn").remove()
-              for (let i = btnstart; i <= btnend; i++) {
+              for (let i = selected - 3; i <= Number(selected) + 3; i++) {
                 let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
                 $(".btns").append(pagebtn)
               }
+              btnstart = Number(selected) - 3
+              btnend = Number(selected) + 3
+              buer = true
               select()
-            } else if (selected > pagenum - 5) {
+            } else if (pagenum < 8) {
               $(".more").remove()
-              btnend = pagenum - 1
-              btnstart = btnend - 6
               $(".btn").remove()
-              for (let i = btnstart; i <= btnend; i++) {
+              for (let i = 2; i <= pagenum; i++) {
                 let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
                 $(".btns").append(pagebtn)
               }
               select()
+            } else if (pagenum >= 8) {
+              if (selected < 6) {
+                $(".beforemore").remove()
+                btnstart = 2
+                btnend = btnstart + 6
+                $(".btn").remove()
+                for (let i = btnstart; i <= btnend; i++) {
+                  let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
+                  $(".btns").append(pagebtn)
+                }
+                select()
+              } else if (selected > pagenum - 5) {
+                $(".more").remove()
+                btnend = pagenum - 1
+                btnstart = btnend - 6
+                $(".btn").remove()
+                for (let i = btnstart; i <= btnend; i++) {
+                  let pagebtn = `<button class="pagebtn btn" index="${i}">${i}</button>`
+                  $(".btns").append(pagebtn)
+                }
+                select()
+              }
             }
+            // console.log(btnend, btnstart);
+            request()
+            select()
+            bidden()
+            $(".pagebtn").css({
+              "background": "#fff",
+              "color": "#999"
+            })
+            $(`.pagebtn[index="${selected}"]`).css({
+              "background": "#1296DB",
+              "color": "#fff"
+            })
           }
-          // console.log(btnend, btnstart);
-          request()
-          select()
-          bidden()
-          $(".pagebtn").css({
-            "background": "#fff",
-            "color": "#999"
-          })
-          $(`.pagebtn[index="${selected}"]`).css({
-            "background": "#1296DB",
-            "color": "#fff"
-          })
-        }
 
-        function request() {
-          $.ajax({
-            method: "get",
-            dataType: "json",
-            url: "/open/getEventPlanningList",
-            data: {
-              pageSize: 10,
-              pageNo: selected
-            },
-            success: function (data) {
-              $(".newslist").empty()
-              // 渲染新闻列表
-              $.each(data.data.list, function (index, item) {
-                // 新闻列表
-                let part = `<li id="${item.id}">
+          function request() {
+            $.ajax({
+              method: "get",
+              dataType: "json",
+              url: "/open/getEventPlanningList",
+              data: {
+                pageSize: 10,
+                pageNo: selected
+              },
+              success: function (data) {
+                $(".newslist").empty()
+                // 渲染新闻列表
+                $.each(data.data.list, function (index, item) {
+                  // 新闻列表
+                  let part = `<li id="${item.id}">
                               <div class="newslist_img"><img src="${globalConfig.avatarUploadHost + item.pictureUrl}" alt=""></div>
                               <div class="newslist_content">
                                 <h6 class="title">${item.title}</h6>
@@ -263,84 +270,61 @@ window.onload = function () {
                                 <p class="content">${item.content}</p>
                               </div>
                             </li>`
-                $(".app .newslist").append(part)
-                $(`.pagebtn[index="${selected}"]`).css({
-                  "background": "#1296DB",
-                  "color": "#fff"
+                  $(".app .newslist").append(part)
+                  $(`.pagebtn[index="${selected}"]`).css({
+                    "background": "#1296DB",
+                    "color": "#fff"
+                  })
                 })
-              })
-              $(".newslist li").click(function () {
-                let id = $(this).attr("id")
-                window.location.pathname = `/eventPlanning/${id}`
-              })
-            }
-          })
-        }
-
-        $(".newslist li").click(function () {
-          let id = $(this).attr("id")
-          window.location.pathname = `/eventPlanning/${id}`
-        })
-
-        function bidden() {
-          if (selected == 1) {
-            $(".prev_page").css({
-              "cursor": "default",
-              "opacity": ".7",
-              "background-color": "#eee",
-              "color": "#616161",
-              "border": "1px solid #999999"
-            })
-          } else {
-            $(".prev_page").css({
-              "background-color": "#fff",
-              "color": "#999",
-              "cursor": "pointer",
-              "border": "0"
-            })
-          }
-          if (selected == pagenum) {
-            $(".next_page").css({
-              "cursor": "default",
-              "opacity": ".7",
-              "background-color": "#eee",
-              "color": "#616161",
-              "border": "1px solid #999999"
-            })
-          } else {
-            $(".next_page").css({
-              "background-color": "#fff",
-              "color": "#999",
-              "cursor": "pointer",
-              "border": "0"
+                $(".newslist li").click(function () {
+                  let id = $(this).attr("id")
+                  window.location.pathname = `/eventPlanning/${id}`
+                })
+              }
             })
           }
-        }
 
-        $(".technology_login").click(function () {
-          let loginTxt = $('.head_login')[0];
-          if (loginTxt && ($(loginTxt).text()) == '登录') {
-            $('.head_login').click();
-            window.location.hash = 'jump';
-            $(".login").css({
-              "display": "block"
-            })
-            return false;
-          } else {
-            if (window.adminData && window.adminData.mobile) {
-              msg('账号不正确,请退出重新登入。')
-              return;
+          $(".newslist li").click(function () {
+            let id = $(this).attr("id")
+            window.location.pathname = `/eventPlanning/${id}`
+          })
+
+          function bidden() {
+            if (selected == 1) {
+              $(".prev_page").css({
+                "cursor": "default",
+                "opacity": ".7",
+                "background-color": "#eee",
+                "color": "#616161",
+                "border": "1px solid #999999"
+              })
+            } else {
+              $(".prev_page").css({
+                "background-color": "#fff",
+                "color": "#999",
+                "cursor": "pointer",
+                "border": "0"
+              })
+            }
+            if (selected == pagenum) {
+              $(".next_page").css({
+                "cursor": "default",
+                "opacity": ".7",
+                "background-color": "#eee",
+                "color": "#616161",
+                "border": "1px solid #999999"
+              })
+            } else {
+              $(".next_page").css({
+                "background-color": "#fff",
+                "color": "#999",
+                "cursor": "pointer",
+                "border": "0"
+              })
             }
-            window.location.href = globalConfig.context + '/user/account/index.html#/demand';
           }
-        })
-
-        $(".login_close").click(function () {
-          $(".login").css({
-            "display": "none"
-          })
-        })
+        }
       }
-    }
-  })
-}
+    })
+  }
+)

+ 57 - 57
src/js/newMenu/index.js

@@ -5,91 +5,91 @@ import 'css/newMenu/index.css';
 import 'css/inded.css';
 import 'js/public.js';
 
-(function(){
-    "use strict";
-    init();
-    function init(){
-        banner();
-    };
-    navTop();
-    function navTop() {
-        $(window).scroll(function(){
-            var scrolltop=$(document).scrollTop();
-			$('.topNav')[scrolltop>0?'addClass':'removeClass']('navFix');
-			videoAuto();
-        });
+(function () {
+	"use strict";
+	init();
+	function init() {
+		banner();
+	};
+	navTop();
+	function navTop() {
+		$(window).scroll(function () {
+			var scrolltop = $(document).scrollTop();
+			$('.topNav')[scrolltop > 0 ? 'addClass' : 'removeClass']('navFix');
+			// videoAuto();
+		});
 	}
-	 //轮播
-    function banner(){
-         $('#myCarousel').carousel({
-            interval: 4000
-        })
-    };
-   //搜索框上面栏目的选择
-	$(".jumpType li").click(function(){
-        $(this).addClass("active");
+	//轮播
+	function banner() {
+		$('#myCarousel').carousel({
+			interval: 4000
+		})
+	};
+	//搜索框上面栏目的选择
+	$(".jumpType li").click(function () {
+		$(this).addClass("active");
 		$(this).siblings().removeClass("active");
 	})
 	//搜索功能
-	$(".searchImg").click(function(){
-		var key=$('.demandSearch').val();
-		sessionStorage.setItem("name",key);
+	$(".searchImg").click(function () {
+		var key = $('.demandSearch').val();
+		sessionStorage.setItem("name", key);
 		window.open(globalConfig.context + `/portal/search.html`);
 	})
-	function task(){
-		if($(".brands>div>img:nth-child(1)").hasClass("active")){
-			$(".brands>div>img:nth-child(3)").css("opacity","0");
+	function task() {
+		if ($(".brands>div>img:nth-child(1)").hasClass("active")) {
+			$(".brands>div>img:nth-child(3)").css("opacity", "0");
 			$(".brands>div>img").removeClass("bni").removeClass("ani").removeClass("active");
 			$(".brands>div>img:nth-child(2)").addClass("ani").addClass("active");
-		}else if($(".brands>div>img:nth-child(2)").hasClass("active")){
-			$(".brands>div>img:nth-child(1)").css("opacity","0");
+		} else if ($(".brands>div>img:nth-child(2)").hasClass("active")) {
+			$(".brands>div>img:nth-child(1)").css("opacity", "0");
 			$(".brands>div>img").removeClass("bni").removeClass("ani").removeClass("active");
 			$(".brands>div>img:nth-child(3)").addClass("ani").addClass("active");
-		}else if($(".brands>div>img:nth-child(3)").hasClass("active")){
-			$(".brands>div>img:nth-child(2)").css("opacity","0");
+		} else if ($(".brands>div>img:nth-child(3)").hasClass("active")) {
+			$(".brands>div>img:nth-child(2)").css("opacity", "0");
 			$(".brands>div>img").removeClass("bni").removeClass("ani").removeClass("active");
 			$(".brands>div>img:nth-child(1)").addClass("ani").addClass("active");
 		}
-		
+
 	}
-	setInterval(task,4000);
+	setInterval(task, 4000);
 
 	//初始悬浮窗口处理
 	initModel();
-	function initModel(){
-		if(!sessionStorage['initVal']){  //为true时显示了一次
+	function initModel() {
+		if (!sessionStorage['initVal']) {  //为true时显示了一次
 			$('.initModel').addClass('active');
 		}
-		sessionStorage['initVal']=true;
-		$('.initModel .glyphicon-remove').click(function(){
+		sessionStorage['initVal'] = true;
+		$('.initModel .glyphicon-remove').click(function () {
 			$(this).parents('.initModel').removeClass('active');
 		})
-		if($('.initModel').hasClass('active')){
-			setTimeout(()=>{
+		if ($('.initModel').hasClass('active')) {
+			setTimeout(() => {
 				$('.initModel .glyphicon-remove').trigger('click');
-			},10000)
+			}, 10000)
 		}
 	};
 	//视频自动播放处理
-	let status=true;
-	var myVideo=document.getElementById("video1"); 
-	function videoAuto(){
-		let videoH = $('.wield_cont')[0],
-		clentH = videoH.getBoundingClientRect();
-		if(clentH.top < (document.documentElement.clientHeight+200)){
-			if(status){   //只自动播放一次
-				myVideo.play();
-				status=false;
-			}
-		}
-	}
+	// let status=true;
+	// var myVideo=document.getElementById("video1"); 
+	// function videoAuto(){
+	// 	let videoH = $('.wield_cont')[0],
+	// 	clentH = videoH.getBoundingClientRect();
+	// 	if(clentH.top < (document.documentElement.clientHeight+200)){
+	// 		if(status){   //只自动播放一次
+	// 			myVideo.play();
+	// 			status=false;
+	// 		}
+	// 	}
+	// }
 	//防止下载
-	$('#video1').hover(function(){
-		document.oncontextmenu=function(e){
+	$('#video1').hover(function () {
+		document.oncontextmenu = function (e) {
 			return false
 		}
-	},function(){
-		document.oncontextmenu=function(e){
+	}, function () {
+		document.oncontextmenu = function (e) {
 		}
 	})
 }())

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 578 - 380
template/portal/index.html


+ 1 - 1
webpack-dll.config.js

@@ -10,7 +10,7 @@ let theme = {
   '@link-color': '#58a3ff'
 };
 module.exports = (function () {
-	let staticHost = 'http://172.16.1.187:80';
+	let staticHost = 'http://172.16.1.187';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://statics.jishutao.com';

+ 1 - 1
webpack.config.js

@@ -515,7 +515,7 @@ module.exports = (function () {
         }));
     }
 
-    let staticHost = 'http://172.16.1.187:80';
+    let staticHost = 'http://172.16.1.187';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://statics.jishutao.com';