aboutKede.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
  3. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  4. <head th:replace="common::header(~{::title},~{::link},~{::meta})">
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>内蒙古科发信息咨询有限公司</title>
  9. <!-- 二级页面CSS -->
  10. <link rel="stylesheet" th:href="${portalHost+'/css/secode.css'}">
  11. <link rel="stylesheet" th:href="${portalHost+'/css/develop.css'}">
  12. <style>
  13. .about-history-list .slides li:nth-child(10)::after {
  14. content: "";
  15. width: 1px;
  16. height: 100%;
  17. border-right: 2px dashed #C39857;
  18. position: absolute;
  19. right: -41px;
  20. top: 0;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="app">
  26. <!-- 头部 -->
  27. <header>
  28. <div th:replace="common::nav('','')"></div>
  29. <!-- 轮播图 -->
  30. <div class="swiper-containerx">
  31. <img
  32. th:src="${banners}==null?${portalHost+'/images/banner/about_bg.png'}:${avatarUploadHost}+${banners.bannerUrl}" />
  33. <div class="swiper_title">
  34. <h6>关于科德</h6>
  35. </div>
  36. </div>
  37. <!-- 轮播图 end -->
  38. </header>
  39. <!-- 头部 end -->
  40. <!-- 二级导航 -->
  41. <div class="secondary-menu about-kede-secodn">
  42. <div class="container">
  43. <ul>
  44. <li class="active"><a>科发简介</a></li>
  45. <li><a>科德文化</a></li>
  46. <li><a>团队活动</a></li>
  47. <li><a>科发资质</a></li>
  48. <li><a>科德子公司</a></li>
  49. <li><a>发展历程</a></li>
  50. <li><a>加入我们</a></li>
  51. </ul>
  52. </div>
  53. </div>
  54. <!-- 二级导航 end -->
  55. <!-- 主体内容 -->
  56. <div class="about main about-kede-main">
  57. <div class="container">
  58. <!-- 科发简介 -->
  59. <div class="about-kede-content">
  60. <h4>科发简介</h4>
  61. <!-- <p>为客户提供优质的一站式服务咨询解决方案</p> -->
  62. <div class="content">
  63. <p>内蒙古科发信息咨询有限公司(以下简称科发公司)是国内科技咨询业的旗舰企业,是专业从事各类省、市级科技项目申报的科技中介平台。目前,公司总部设内蒙古呼和浩特市
  64. 和湖南、北京、江西、广西、河南、河北、广东、山东、江苏、湖北、安徽、四川、云南、福建、辽宁、贵州等省市科协单位也有着良好的合作关系,服务的企业涉及各省市区。
  65. 内蒙古地区下设6家办事处:呼和浩特、包头、通辽、赤峰、鄂尔多斯、兴安盟市,运营部与各省科技咨询机构建立了长期的战略合作关系,充分有效的借助了其专家库平台和遍布各地区的人脉网络。
  66. 同时我们也获得深圳市兴科达知识产权代理有限公司内蒙古地区代理。
  67. 内蒙科发主要客户有:中国二冶、包钢集团、鑫达黄金、路桥集团、中鼎矿业、美方煤焦化、满世集团、煤矿设计院、能源发电、路桥工程等</p>
  68. <p>公司自成立至今,共完成科技项目申报咨询、高新企业认定咨询、知识产权代理服务、产品认证咨询、科技成果转化等共25890项,服务企业达3520多家。 </p>
  69. <p>
  70. 我们主要从事的业务有:高新技术企业认定、专利代理、软著代理、系统集成、公共服务机构补助资金项目、ISO认证、国家(内蒙级)工程技术研究中心、企业研究开发中心、企业技术中心、市长质量奖、主席质量奖、商标、企业信用等级认证及其他科技项目申报。
  71. </p>
  72. <img th:src="${portalHost+'/images/'+flag+'about/home.png'}" />
  73. </div>
  74. <div class="about-kede-content kede-hj">
  75. <h4>科发环境</h4>
  76. <p>总办公面积2000多平方米</p>
  77. <div class="huanjing">
  78. <div class="about-ofoter">
  79. <div class="ofoter-item1">
  80. <div class="ofoters">
  81. <div class="offoter1">
  82. <img th:src="${portalHost+'/images/'+flag+'about/ync.png'}" />
  83. </div>
  84. <div class="room">
  85. <span>Room</span>
  86. <p>会议室</p>
  87. </div>
  88. </div>
  89. <div class="offoter2">
  90. <img th:src="${portalHost+'/images/'+flag+'about/huiyishi.png'}" />
  91. </div>
  92. </div>
  93. <div class="ofoter-item2">
  94. <div class="item2-s">
  95. <div class="s-item1">
  96. <div class="s-item1-a"></div>
  97. <div class="s-item1-b">
  98. <div></div>
  99. <div></div>
  100. </div>
  101. </div>
  102. <div class="s-item2">
  103. <span>Office</span>
  104. <p>办公环境</p>
  105. </div>
  106. </div>
  107. <div class="item2-d">
  108. <img th:src="${portalHost+'/images/'+flag+'about/cann.png'}" />
  109. </div>
  110. </div>
  111. </div>
  112. <div class="about-space">
  113. <div class="space-itme1">
  114. <div class="itme1-s">
  115. <img th:src="${portalHost+'/images/'+flag+'about/celan.png'}" />
  116. </div>
  117. <div class="itme1-d">
  118. <div class="d-item1">
  119. <span>Space</span>
  120. <p>展示柜</p>
  121. </div>
  122. <div class="d-item2">
  123. <div class="d-item2-x"></div>
  124. <div class="d-item2-y">
  125. <div></div>
  126. <div></div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="space-itme2">
  132. <img th:src="${portalHost+'/images/'+flag+'about/zoulang.png'}" />
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <!-- 科德简介 end -->
  139. <!-- 科德文化 -->
  140. <div>
  141. <div class="about-kede-content kede-wh">
  142. <h4 style="margin-top: 10px;">我们的愿景</h4>
  143. <p>实现自我价值,让科发成为一流品牌</p>
  144. <h4>我们的使命</h4>
  145. <p>帮助企业腾飞;振兴祖国经济;为创造和谐社会而努力奋斗</p>
  146. <h4>我们的价值观</h4>
  147. <p>忠诚、激情、专业、创新</p>
  148. <h4>我们的宗旨</h4>
  149. <p>—百年只为做好一件事,为企业提供专业咨询服务</p>
  150. <h4>我们的信奉</h4>
  151. <p>时间就是金钱,效率就是生命</p>
  152. <h4>我们的服务理念</h4>
  153. <p>我们能为客户做些什么?直到客户满意!我们还能为客户做些什么?直到客户感动!</p>
  154. </div>
  155. <div class="container">
  156. <div class="about-kede-content jingsheng-top">
  157. <h4>科德精神</h4>
  158. <p>忠诚、激情&nbsp;&nbsp;&nbsp;&nbsp;专业、创新</p>
  159. <div class="kede-jingshen">
  160. <div class="jingshen-item1">
  161. <div><img th:src="${portalHost+'/images/'+flag+'about/zhongcheng.png'}" /></div>
  162. <div>
  163. <h5>忠诚</h5>
  164. <span>尽责 担当</span>
  165. <p>真心实意、尽心尽力、一心一意把工作当成事业来干。自觉维护科德形象,对内要严守规章要求,有大局观,工作中自觉模范带头。</p>
  166. </div>
  167. </div>
  168. <div class="jingshen-item2">
  169. <div><img th:src="${portalHost+'/images/'+flag+'about/jiqing.png'}" /></div>
  170. <div>
  171. <h5>激情</h5>
  172. <span>全心投入,追求完美</span>
  173. <p> 保持年轻乐观的心态,工作充满激情,保持活力,创新发展,保持生机与活力,满怀激情投身政策咨询事业。</p>
  174. </div>
  175. </div>
  176. <div class="jingshen-item3">
  177. <div><img th:src="${portalHost+'/images/'+flag+'about/zhuanye.png'}" /></div>
  178. <div>
  179. <h5>专业</h5>
  180. <span>专注、专心、专业</span>
  181. <p>全心全意,专业专注咨询行业,带来全新的政策分析、专业咨询信息,用专业赢得未来!</p>
  182. </div>
  183. </div>
  184. <div class="jingshen-item4">
  185. <div><img th:src="${portalHost+'/images/'+flag+'about/chuangxin.png'}" /></div>
  186. <div>
  187. <h5>创新</h5>
  188. <span>创新、突破</span>
  189. <p>敢于创新,不断突破,在咨询行业提升创新意识、带来不一样的收获。</p>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <!-- 科德文化 end -->
  197. <!-- 团队活动 -->
  198. <div class="group-activities" style="padding-bottom:30px;"></div>
  199. <!-- 箭头图片 -->
  200. <img class="activeArrow" style='display: none' th:src="${portalHost+'/images/activeArrow.png'}">
  201. <!-- 分页 -->
  202. <span class="page_activitiesPage"></span>
  203. <!-- 分页 end -->
  204. <!-- 团队活动 end -->
  205. <!-- 科德资质 -->
  206. <div class="about-kede-content ">
  207. <h4>科发资质</h4>
  208. <!-- <p>科技厚生&nbsp;&nbsp;&nbsp;&nbsp;正德卓行</p> -->
  209. <div class="container">
  210. <div class="zizhi">
  211. <img th:src="${portalHost+'/images/'+flag+'qualifications/zizhi.png'}" />
  212. </div>
  213. </div>
  214. </div>
  215. <!-- 科德资质 end -->
  216. <!-- 科德子公司 -->
  217. <div class="about-kede-content ">
  218. <div class="container">
  219. <div class="region-button">总部</div>
  220. <div class="company-list">
  221. <h6>科德总部-湖南科德信息咨询集团有限公司</h6>
  222. <span>长沙</span>
  223. <p>地址:</p> 长沙市岳麓区观沙岭街道茶子山东路湘江财富金融中心T4栋
  224. </div>
  225. </div>
  226. <h4>科德-子公司</h4>
  227. <!-- <p>为客户提供优质的一站式咨询解决方案</p> -->
  228. <div class="container">
  229. <div>
  230. <div class="region-button">华中地区</div>
  231. <div class="company-zi">
  232. <div class="company-list">
  233. <h6>阿凡提信息科技(湖南)股份有限公司</h6>
  234. <span>长沙</span>
  235. <p>地址:</p>
  236. 湖南省长沙市开福区金马路377号福天兴业大楼综合楼
  237. </div>
  238. <div class="company-list">
  239. <h6>长沙科明知识产权代理事务所(普通合伙)</h6>
  240. <span>长沙</span>
  241. <p>地址:</p>
  242. 长沙市岳麓区观沙岭街道茶子山东路湘江财富金融中心T4栋
  243. </div>
  244. <div class="company-list">
  245. <h6>长沙军邦信息技术有限公司 </h6>
  246. <span>长沙</span>
  247. <p>地址:</p>
  248. 长沙市岳麓区观沙岭街道茶子山东路湘江财富金融中心T4栋
  249. </div>
  250. <div class="company-list" style="visibility:hidden">
  251. <h6>郑州科德企业管理咨询有限公司</h6>
  252. <span>郑州</span>
  253. <p>地址:</p>
  254. 郑州市金水区政七街28号B座1单元
  255. </div>
  256. <div class="company-list">
  257. <h6>武汉科汇科技咨询有限公司 </h6>
  258. <span>武汉</span>
  259. <p>地址:</p>
  260. 武昌区和平大道1004号杨园科技创业园内
  261. </div>
  262. <div class="company-list">
  263. <h6>郑州科德企业管理咨询有限公司</h6>
  264. <span>郑州</span>
  265. <p>地址:</p>
  266. 郑州市金水区政七街28号B座1单元
  267. </div>
  268. </div>
  269. <div class="region-button">东北地区</div>
  270. <div class="company-zi">
  271. <div class="company-list">
  272. <h6>大连科德信息咨询有限公司</h6>
  273. <span>大连</span>
  274. <p>地址:</p>
  275. 辽宁省大连市中山区上海路42号
  276. </div>
  277. <div class="company-list">
  278. <h6>沈阳科德信息咨询有限公司</h6>
  279. <span>沈阳</span>
  280. <p>地址:</p>
  281. 辽宁省沈阳市和平区南三经街2号金豪大厦12楼
  282. </div>
  283. <div class="company-list">
  284. <h6>长春科德信息咨询有限公司</h6>
  285. <span>吉林</span>
  286. <p>地址:</p>
  287. 吉林省长春市硅谷大街1198号硅谷大厦502室
  288. </div>
  289. </div>
  290. <div class="region-button">华东地区</div>
  291. <div class="company-zi">
  292. <div class="company-list">
  293. <h6>南京惟楚企业管理咨询有限公司 </h6>
  294. <span>南京</span>
  295. <p>地址:</p>
  296. 南京市秦淮区常府街
  297. </div>
  298. <div class="company-list">
  299. <h6>合肥科稻信息咨询有限公司</h6>
  300. <span>合肥</span>
  301. <p>地址:</p>
  302. 合肥市包河区绿地中心A座
  303. </div>
  304. <div class="company-list">
  305. <h6>济南坤科科技信息咨询有限公司</h6>
  306. <span>济南</span>
  307. <p>地址:</p>
  308. 山东省济南市历城区华龙路
  309. </div>
  310. <div class="company-list">
  311. <h6>南昌科德信息咨询有限公司</h6>
  312. <span>南昌</span>
  313. <p>地址:</p>
  314. 江西省南昌市东湖区江西省政府大院北二路53号
  315. </div>
  316. </div>
  317. <div class="region-button">华北地区</div>
  318. <div class="company-zi">
  319. <div class="company-list">
  320. <h6>北京科德技淘信息技术有限公司 </h6>
  321. <span>北京</span>
  322. <p>地址:</p>
  323. 北京市朝阳区东三环南路小八里庄40号6号楼
  324. </div>
  325. <div class="company-list">
  326. <h6>石家庄科中企业管理咨询有限公司</h6>
  327. <span>石家庄</span>
  328. <p>地址:</p>
  329. 河北省石家庄市长安区跃进路3号天元商务大厦
  330. </div>
  331. <div class="company-list">
  332. <h6>内蒙古科发信息咨询有限公司</h6>
  333. <span>内蒙古</span>
  334. <p>地址:</p>
  335. 内蒙古呼和浩特市玉泉区恒盛广场D座16层1601/1608/1609
  336. </div>
  337. </div>
  338. <div class="region-button">华南地区</div>
  339. <div class="company-zi">
  340. <div class="company-list">
  341. <h6>广州科丰企业管理咨询有限公司 </h6>
  342. <span>广州</span>
  343. <p>地址:</p>
  344. 广州市白云区嘉禾街望岗大马路38号
  345. </div>
  346. <div class="company-list">
  347. <h6>广州科道企业管理咨询有限公司 </h6>
  348. <span>广州</span>
  349. <p>地址:</p>
  350. 广州市白云区嘉禾街望岗大马路38号
  351. </div>
  352. <div class="company-list">
  353. <h6>广州科德企业信息咨询有限公司</h6>
  354. <span>广州</span>
  355. <p>地址:</p>
  356. 广州市白云区嘉禾街望岗大马路38号
  357. </div>
  358. <div class="company-list">
  359. <h6>广西科发信息技术咨询集团有限公司</h6>
  360. <span>南宁</span>
  361. <p>地址:</p>
  362. 南宁市西乡塘区创业路6号广研E谷大健康产业园1号楼10楼科发集团
  363. </div>
  364. <div class="company-list">
  365. <h6>广西南宁科展企业信息咨询有限公司</h6>
  366. <span>南宁</span>
  367. <p>地址:</p>
  368. 南宁市青秀区东葛路18-1号嘉和自由空间A座
  369. </div>
  370. </div>
  371. <div class="region-button">西南地区</div>
  372. <div class="company-zi">
  373. <div class="company-list">
  374. <h6>成都科德信息技术有限公司 </h6>
  375. <span>成都</span>
  376. <p>地址:</p>
  377. 成都市武侯区高升桥路9号5栋
  378. </div>
  379. <div class="company-list">
  380. <h6>科创兴德信息技术(成都)有限公司 </h6>
  381. <span>成都</span>
  382. <p>地址:</p>
  383. 成都高新区仁和街39号6栋
  384. </div>
  385. <div class="company-list">
  386. <h6>贵州科德华咨信息咨询有限公司</h6>
  387. <span>贵州</span>
  388. <p>地址:</p>
  389. 贵阳市南明区花果园五里冲花果园项目V区第15栋
  390. </div>
  391. <div class="company-list">
  392. <h6>昆明科道企业管理有限公司</h6>
  393. <span>昆明</span>
  394. <p>地址:</p>
  395. 云南省昆明市官渡区海伦城市广场2号地块1座
  396. </div>
  397. </div>
  398. <div class="region-button">西北地区</div>
  399. <div class="company-zi">
  400. <div class="company-list">
  401. <h6>新疆科德企兴信息技术有限公司 </h6>
  402. <span>石河子</span>
  403. <p>地址:</p>
  404. 新疆石河子市开发区东八路
  405. </div>
  406. <div class="company-list">
  407. <h6>宁夏科德科技咨询有限公司</h6>
  408. <span>银川</span>
  409. <p>地址:</p>
  410. 宁夏银川市金凤区黄河文化创展中心7楼721
  411. </div>
  412. <div class="company-list">
  413. <h6>青海科德信息咨询有限公司</h6>
  414. <span>西宁</span>
  415. <p>地址:</p>
  416. 青海省西宁市青海生物科技产业园区经四路26号第10号楼408室
  417. </div>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  422. <!-- 科德子公司 end-->
  423. <!-- 科德发展历程 -->
  424. <div class="about-kede-content ">
  425. <h4>发展历程</h4>
  426. <div class="about-history-list wow zoomIn" data-wow-delay=".4s"
  427. style="visibility: visible; animation-delay: 0.4s; animation-name: zoomIn;">
  428. <div class="flex-viewport" style="overflow: hidden; position: relative;">
  429. <ul class="slides clearfix list" id="changeUl" style="width: 2600%; transition-duration: 0s;">
  430. <li style="width: 253px; float: left; display: block;">
  431. <div class="item">
  432. <h3>2013</h3>
  433. <div class="desc">
  434. <p>
  435. 公司成立,办公场地位于科协科技咨询服务中心
  436. </p>
  437. </div>
  438. </div>
  439. </li>
  440. <li style="width: 253px; float: left; display: block;">
  441. <div class="item">
  442. <h3>2014</h3>
  443. <div class="desc">
  444. <p>
  445. 服务客户100家,营业额突破100万元
  446. </p>
  447. </div>
  448. </div>
  449. </li>
  450. <li style="width: 253px; float: left; display: block;">
  451. <div class="item">
  452. <h3>2015</h3>
  453. <div class="desc">
  454. <p>迁至明泽广场办公,营业额突破300万元</p>
  455. </div>
  456. </div>
  457. </li>
  458. <li style="width: 253px; float: left; display: block;">
  459. <div class="item">
  460. <h3>2016</h3>
  461. <div class="desc">
  462. <p>荣获自治区企业创新服务中心服务子站称呼,营业额突破800万元</p>
  463. </div>
  464. </div>
  465. </li>
  466. <li style="width: 253px; float: left; display: block;">
  467. <div class="item">
  468. <h3>2017</h3>
  469. <div class="desc">
  470. <p>服务客户299家,营业额突破1500万元</p>
  471. </div>
  472. </div>
  473. </li>
  474. <li style="width: 253px; float: left; display: block;">
  475. <div class="item">
  476. <h3>2018</h3>
  477. <div class="desc">
  478. <p>荣获自治区级知识产权托管试点单位,奖励资金20万元</p>
  479. </div>
  480. </div>
  481. </li>
  482. <li style="width: 253px; float: left; display: block;">
  483. <div class="item">
  484. <h3>2019</h3>
  485. <div class="desc">
  486. <p>成立兴科达知识产权代理内蒙古分公司,成立专业专利代理师团队,营业额达1900万元</p>
  487. </div>
  488. </div>
  489. </li>
  490. <li style="width: 260px !important; float: left; display: block;">
  491. <div class="item">
  492. <h3>2020</h3>
  493. <div class="desc">
  494. <p>荣获红十字会捐赠荣誉证书,荣获自治区专利质量提升工程服务机构荣誉,荣获自治区资信等级AAA级单位,营业额突破2000万元</p>
  495. </div>
  496. </div>
  497. </li>
  498. <li style="width: 253px; float: left; display: block;">
  499. <div class="item">
  500. <h3>2021</h3>
  501. <div class="desc">
  502. <p>荣获中国国防工业企业协会知识产权研究中心牌匾,荣获中国知识产权研究会会员单位,乔迁新址至恒盛广场D座16层</p>
  503. </div>
  504. </div>
  505. </li>
  506. <li style="width: 253px; float: left; display: block;">
  507. <div class="item">
  508. <h3>2022</h3>
  509. <div class="desc">
  510. <p>荣获呼和浩特市工商联会员单位,荣获技术转移二级服务机构</p>
  511. </div>
  512. </div>
  513. </li>
  514. </ul>
  515. </div>
  516. <a id="right">&gt;</a>
  517. <a id="left">&lt;</a>
  518. </div>
  519. </div>
  520. <!-- 科德发展历程 end -->
  521. <!-- 加入我们 -->
  522. <div class="about-kede-content">
  523. <h4>加入我们</h4>
  524. <!-- <p>为客户提供优质的一站式服务咨询解决方案</p> -->
  525. <div class="content">
  526. <div class="filtrate">
  527. <div class="quyu">
  528. <span>公司省份</span>
  529. <ul id="province">
  530. <li class="active">湖南</li>
  531. <li>湖北</li>
  532. <li>四川</li>
  533. <li>广西</li>
  534. <li>内蒙古</li>
  535. <li>江西</li>
  536. <li>河南</li>
  537. <li>河北</li>
  538. <li>吉林</li>
  539. <li>辽宁</li>
  540. <li>江苏</li>
  541. <li>贵州</li>
  542. <li>山东</li>
  543. <li>新疆</li>
  544. <li>北京</li>
  545. <li>广东</li>
  546. <li>云南</li>
  547. <li>福建</li>
  548. <li>西藏</li>
  549. <li>宁夏</li>
  550. </ul>
  551. </div>
  552. <div class="shengfen">
  553. <span>职位名称</span>
  554. <em class="iconfont icon-weibiaoti1 dsanjiao" id="display-more" style="display: none;"></em>
  555. <ul id="position">
  556. </ul>
  557. </div>
  558. </div>
  559. <div class="join-title" id="job">
  560. </div>
  561. </div>
  562. </div>
  563. <!-- 加入我们 end -->
  564. </div>
  565. </div>
  566. <!-- 主题内容 end -->
  567. <!-- 底部 -->
  568. <footer>
  569. <div th:replace="common::copyright"></div>
  570. </footer>
  571. <!-- 底部 end -->
  572. </div>
  573. <div th:replace="common::footer(~{::script},'')">
  574. <script th:src="${portalHost+'/js/page.js'}"></script>
  575. <script th:src="${portalHost+'/js/swiper/swiper.min.js'}"></script>
  576. <script>
  577. var num = 0
  578. $("#changeUl").on("mouseover", function () {
  579. clearInterval(timeClick)
  580. })
  581. $("#changeUl").on("mouseout", function () {
  582. timeClick = setInterval(function () {
  583. $("#right").click();
  584. }, 1000);
  585. })
  586. $("#left,#right").on("mouseover", function () {
  587. clearInterval(timeClick)
  588. })
  589. $("#left,#right").on("mouseout", function () {
  590. timeClick = setInterval(function () {
  591. $("#right").click();
  592. }, 1000);
  593. })
  594. $("#right").on("click", function () {
  595. num -= 200
  596. if (num == -1760) {
  597. num = -1760
  598. $("#changeUl").css({ "transform": "translate3d(" + num + "px, 0px, 0px)", "transition-duration": "1000ms" })
  599. }
  600. if (num <= -1760) {
  601. num = 0
  602. $("#changeUl").css({ "transform": "translate3d(" + num + "px, 0px, 0px)", "transition-duration": "0ms", "transition": "0" })
  603. setTimeout(function () {
  604. $("#changeUl").css({ "transform": "translate3d( 0px, 0px, 0px)", "transition-duration": "1000ms" })
  605. }, 100)
  606. } else {
  607. $("#changeUl").css({ "transform": "translate3d(" + num + "px, 0px, 0px)", "transition-duration": "1000ms" })
  608. }
  609. })
  610. $("#left").on("click", function () {
  611. num += 200
  612. if (num >= 0) {
  613. num = 0
  614. $("#changeUl").css({
  615. "transform": "translate3d(" + num + "px, 0px, 0px)",
  616. "transition-duration": "1000ms"
  617. })
  618. } else {
  619. $("#changeUl").css({ "transform": "translate3d(" + num + "px, 0px, 0px)", "transition-duration": "1000ms" })
  620. }
  621. })
  622. </script>
  623. <script>
  624. var mySwiper = new Swiper("#swiper51", {
  625. loop: true,
  626. })
  627. </script>
  628. <script>
  629. if (window.location.search == "?fzlc") {
  630. if (window.location.search == "?fzlc") {
  631. $(".about-kede-secodn > div > ul > li").eq(5).click()
  632. } else if (window.location.search == "?ryzz") {
  633. $(".about-kede-secodn > div > ul > li").eq(3).click()
  634. } else if (window.location.search == "?qywh") {
  635. $(".about-kede-secodn > div > ul > li").eq(1).click()
  636. } else if (window.location.search == "?qggs") {
  637. $(".about-kede-secodn > div > ul > li").eq(4).click()
  638. } else if (window.location.search == "?tdhd") {
  639. $(".about-kede-secodn > div > ul > li").eq(2).click()
  640. } else if (window.location.search == "?kdjj") {
  641. $(".about-kede-secodn > div > ul > li").eq(0).click()
  642. } else if (window.location.search == "?jrwm") {
  643. $(".about-kede-secodn > div > ul > li").eq(6).click()
  644. }
  645. jobs();
  646. var numx = 0
  647. dtimeClick = setInterval(function () {
  648. numx -= 100
  649. $("#swiper51 .swiper-wrapper").css({
  650. "transform": "translate3d(" + numx + "%, 0px, 0px)",
  651. "transition-duration": "1500ms"
  652. })
  653. if (numx <= -1760) {
  654. numx = 0;
  655. $("#swiper51 .swiper-wrapper").css({
  656. "transform": "translate3d(" + numx + "%, 0px, 0px)",
  657. "transition": "all 0s",
  658. "transition-duration": "0"
  659. })
  660. }
  661. }, 2000);
  662. </script>
  663. </div>
  664. </body>
  665. </html>