From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 七月 2019 12:09:26 +0800
Subject: [PATCH] format-code
---
src/views/companyProfile/index.vue | 1464 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 722 insertions(+), 742 deletions(-)
diff --git a/src/views/companyProfile/index.vue b/src/views/companyProfile/index.vue
index 997d8e2..796f59f 100644
--- a/src/views/companyProfile/index.vue
+++ b/src/views/companyProfile/index.vue
@@ -1,385 +1,373 @@
<template>
- <div id="main">
- <div id="anchor"></div>
- <div class="banner m_hide">
- <img src="../../img/aboutText.png" alt="">
- </div>
- <div class="banner2 p_hide" style="margin-top: 1.14rem;">
- <img src="../../img/guanyu2.png" alt="">
- </div>
- <div class="wrapper introduction">
- <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟绠�浠�</span></div>
- <div class="content">
- <p>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙告槸浼佷笟渚涘簲閾剧鐞嗘墽琛岀郴缁熻蒋浠朵骇鍝佸強搴旂敤闆嗘垚瑙ｅ喅鏂规鐨勯瀵煎巶鍟嗐�傚叕鍙镐笓娉ㄤ簬鍩轰簬浜掕仈缃戞妧鏈�佽嚜鍔ㄨ瘑鍒妧鏈殑渚涘簲閾剧鐞嗘墽琛岀郴缁熺殑浜у搧鐮斿彂鍜岀郴缁熼泦鎴愩�傝嚧鍔涗簬鎶婂熀浜庡厛杩涗俊鎭妧鏈殑鏈�浣崇鐞嗘柟妗堜笌涓氬姟瀹炶返缁忛獙鏅強鍒板鎴风殑绠＄悊涓庝笟鍔″垱鏂版椿鍔ㄤ腑锛屽苟鍏ㄩ潰鎻愪緵鍏锋湁鑷富鐭ヨ瘑浜ф潈鐨勮蒋浠朵骇鍝併�佹湇鍔″強瑙ｅ喅鏂规銆傝浼佷笟涓氬姟鏇村姞楂樻晥锛岃幏寰椾笟鍔′俊鎭洿鍔犲噯纭紝鍙嶅簲鏇村姞杩呴�燂紝鏁堢泭鏇村姞鏄捐憲銆�</p>
- <div class="content_img"><img src="../../img/about_icon.png" alt=""></div>
- </div>
- <div class="content">
- <div>
- <p>鏄庣鏍稿績鍥㈤槦鍙婃妧鏈姏閲忥紝鏄浗鍐呰蒋浠剁爺鍙戝簲鐢ㄩ鍩熺殑鍏堥┍鑰咃紝鎺屾彙浜嗙浉鍏冲簲鐢ㄧ殑鏍稿績鎶�鏈紝鐩墠鏄庣杞欢绯荤粺宸茶骞挎硾搴旂敤浜庝紒涓氱殑ERP搴旂敤銆丟SP璐ㄩ噺绠＄悊瑙勮寖搴旂敤銆佷粨鍌ㄧ鐞嗐�侀厤閫佺鐞嗐�佺敓浜х鐞嗐�佸寘瑁呰祴鐮併�侀攢鍞鐞嗐�佹湇鍔＄鐞嗐�佷骇鍝佽拷婧�佽川閲忚拷婧�佸浐瀹氳祫浜х鐞嗐�佹。妗堢鐞嗙瓑鍚勪釜鐜妭锛屼负浼佷笟鎻愪緵浜嗕緵搴旈摼鎵ц绠＄悊銆佷粨搴撶鐞嗐�佺敓浜х鐞嗐�佸垎閿�绠＄悊绛夊叏鏂逛綅杞欢浜у搧鍙婅В鍐虫柟妗�</p>
- <p style="margin-top: 0.2rem;">鏄庣2006骞存垚绔嬶紝鎬婚儴浣嶄簬鍖椾含锛屽苟鍦ㄦ矆闃炽�佽タ瀹夈�佹姹夈�佹垚閮姐�佷笂娴风瓑鍦拌绔嬫湇鍔℃満鏋勶紝鎷ユ湁瑕嗙洊鍏ㄥ浗鐨勯攢鍞�佹湇鍔＄綉缁�</p>
- <p style="margin-top: 0.2rem;">2016骞达紝鏄庣10鍛ㄥ勾涔嬮檯锛屾槑绉戜笘绾垚绔嬶紝涓撴敞浜庣數鍟嗛鍩燂紝鏃ㄥ湪閿�鍞涓庡鎴峰疄鐜板叡璧�</p>
- <p style="margin-top: 0.2rem;">鏄庣浠ュ紩棰嗕紒涓氭柊鎬濈淮銆佹彁鍗囦紒涓氭簮鍔ㄥ姏銆佸府鍔╁鎴锋垚鍔熶负浣垮懡锛屼互鍒涢�犲鎴锋弧鎰忔潵璧㈠緱瀹㈡埛鐨勫繝璇氾紝涓庡鎴峰叡鎴愰暱銆傝嚧鍔涗簬鎴愪负鍏ㄧ悆棰嗗厛鐨勭鐞嗚蒋浠跺強瑙ｅ喅鏂规鎻愪緵鍟�</p>
- </div>
- <div><img src="../../img/about_info.png" alt=""></div>
- </div>
- <div class="three">
- <div class="content_title fadeInUp zoomIn animated"><span>3澶т紭鍔�</span></div>
- <div class="content">
- <ul class="goods_ul">
- <li>
- <div><h3><img src="../../img/chan1.png" alt=""></h3></div>
- <h2>浜у搧浼樺娍</h2>
- <p>鍥藉唴棣栨帹鐨勫钩鍙板寲寮�鍙戯紝浣块」鐩紑鍙戞晥鐜囨彁鍗�30%锛屼骇鍝佹�ц兘绋冲畾銆佹槗鍙樻洿</p>
- </li>
- <li>
- <div><h3><img src="../../img/chan2.png" alt=""></h3></div>
- <h2>璧勮浼樺娍</h2>
- <p>鏄庣鎷ユ湁浼楀琛屼笟鍐呰祫娣遍【闂紝涓哄箍澶х敤鎴锋彁渚涗笟鍔℃祦绋嬪悎鐞嗗寲鍜ㄨ锛屼繚闅滀娇鐢ㄨ�呰兘浠ユ渶浼樺寲鏂瑰紡瀹屾垚宸ヤ綔</p>
- </li>
- <li>
- <div><h3><img src="../../img/chan3.png" alt=""></h3></div>
- <h2>璧勬簮浼樺娍</h2>
- <p>鏄庣鐨勫疄鏂藉悎浣滀紮浼淬�佽澶囩‖浠跺悎浣滀紮浼淬�丒RP鍚堜綔浼欎即浼楀锛岃兘澶熶负瀹㈡埛鎻愪緵绔嬩綋鍖栫殑鏁翠綋瑙ｅ喅鏂规</p>
- </li>
- </ul>
- </div>
- </div>
- <div class="content_title"><span>鍙戝睍鍘嗙▼</span></div>
- </div>
- <div class="content">
- <img src="../../img/fazhan.jpg" alt="" class="m_hide">
- <img src="../../img/m_fan.png" alt="" class="p_hide" style="margin: 0.3rem 0;">
- </div>
- <div class="wrapper">
- <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟鎰挎櫙</span></div>
- <div class="content vision">
- <p>鎴愪负涓浗淇℃伅鍖栦环鍊间紶閫掔殑鍊″鑰咃紝鑷村姏浜庨�氳繃淇℃伅鍖栨墜娈垫帹鍔ㄤ緵缁欎晶鏀归潻锛屽府鍔╀紒涓氬畬鎴愪腑鍥芥櫤閫犲崌绾с��</p>
- <div class="contentimg"><img src="../../img/feiji.png" alt=""></div>
- </div>
- <div id="anchor-1"></div>
- <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟鏂囧寲</span></div>
- <div class="enterprise">
- <ul class="culture_ul">
- <li>
- <div><h3><img src="../../img/zhuanye.png" alt=""></h3></div>
- <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>涓撲笟</a></h2>
- <p>澶т簨涓�</p>
- <p>鏄庣甯屾湜姣忎竴浣嶅憳宸ラ兘鑳藉閫氳繃杩欎釜骞冲彴瀹炵幇鑷繁鐨勪簨涓氭ⅵ鎯�</p>
- </li>
- <li>
- <div><h3><img src="../../img/jiazhi.png" alt=""></h3></div>
- <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>浠峰��</a></h2>
- <p>澶у搴�</p>
- <p>鎵�鏈夊憳宸ュ叡鍚岀粍鎴愮殑涓�涓ぇ瀹跺涵澶у閮藉儚鍏勫紵濮愪滑涓�鏍蜂翰瀵嗘棤闂�</p>
- </li>
- <li>
- <div><h3><img src="../../img/fenxiang.png" alt=""></h3></div>
- <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>鍒嗕韩</a></h2>
- <p>澶у鏍�</p>
- <p>鏄庣鏄墍瀛︿範宸ヤ綔鎶�鑳界殑澶у鏍′篃鏄涔犵敓娲绘妧鑳界殑澶у鏍�</p>
- </li>
- </ul>
- </div>
- <div style="clear: both;"></div>
-
- <div class="wrapper">
- <div class="content_title fadeInUp zoomIn animated"><span>鍥㈤槦寤鸿</span></div>
- <div class="content teamBuilding">
- <h2><span>蹇箰鍑烘父锛屽揩涔愬洟寤�</span></h2>
- <ul class="teamBuilding_ul">
- <li>
- <h3><img src="../../img/img.png" alt=""></h3>
- <p>姣忓勾1鏈堝勾浼氾紝鍚勫湴鍚屼簨榻愯仛鍖椾含锛屾俯娉夋粦闆槸瀵硅緵鑻︿竴骞寸殑鏄庣鍥㈤槦鏈�濂界殑濂栧姳</p>
- </li>
- <li>
- <h3><img src="../../img/tuan2.png" alt=""></h3>
- <p>姣忎釜鏄熸湡澶╀笅鍗�2-4鐐癸紝鏃у绗竴涓績灏忓锛屼竴椤瑰睘浜庣敺浜恒�佸睘浜庡洟闃熴�佸睘浜庝害鎼忕殑杩愬姩</p>
- </li>
- <li>
- <h3><img src="../../img/tuan3.png" alt=""></h3>
- <p>姣忔鏈夊ぇ鐗囦笂鏄犻兘鏈夊灞炵エ鍝︼紝鎰熻阿瓒呮鐨凥R</p>
- </li>
- <li>
- <h3><img src="../../img/tuan4.png" alt=""></h3>
- <p>鍗楁柟鐨勫皬浼欎即缇℃厱鍚э紒</p>
- </li>
- </ul>
-
- <h2 style="margin-top: 0.6rem;"><span>鍏徃娲诲姩锛岀埍蹇冨叕鐩�</span></h2>
- <ul class="teamBuilding_ul">
- <li>
- <h3><img src="../../img/tuan5.png" alt=""></h3>
- <p>鏄庣涓�鐩撮紦鍔卞憳宸ユ壙鎷呯ぞ浼氳矗浠诲叧鐖辩暀瀹堝効绔ワ紝鍏崇埍澶辩嫭鑰佷汉锛屽叕鐩婅冻鐞冧笅涔＄瓑閮芥湁鏄庣浜虹殑韬奖</p>
- </li>
- <li>
- <h3><img src="../../img/tuan6.png" alt=""></h3>
- <p>鏄庣鏄墍澶у鏍★紝涓嶅崟瀛︿範宸ヤ綔鎶�鑳斤紝杩樹細鍩瑰吇涓�涓汉鍝佹牸銆佸績鏅�</p>
- </li>
- <li>
- <h3><img src="../../img/tuan7.png" alt=""></h3>
- <p>鏄庣鐨勬垚鍔熸槸鎵�鏈夋槑绉戜汉鍔姏鐨勭粨鏋滐紝姣忎竴涓洟闃熼綈蹇冨崗鍔涘畬鎴愮殑椤圭洰閮芥槸浠剁簿缇庣殑鑹烘湳鍝�</p>
- </li>
- <li>
- <h3><img src="../../img/tuan8.png" alt=""></h3>
- <p>澶у涓�璧峰仛鍏泭</p>
- </li>
- </ul>
- </div>
-
- <!-- 绉诲姩绔牱寮� -->
- <div class="three_box p_hide">
- <div><img src="../../img/dui1.png" alt=""></div>
- <div><img src="../../img/dui1.png" alt=""></div>
- <div><img src="../../img/dui1.png" alt=""></div>
- </div>
- <div class="three_box p_hide">
- <div><img src="../../img/dui1.png" alt=""></div>
- <div><img src="../../img/dui1.png" alt=""></div>
- <div><img src="../../img/dui1.png" alt=""></div>
- </div>
- </div>
-
- <div id="anchor-2"></div>
- <div class="wrapper">
- <div class="content_title fadeInUp zoomIn animated" style="margin-bottom: 0.8rem;"><span>鑽ｈ獕璧勮川</span></div>
- <div class="m_bakcg">
- <div class="content honor">
- <ul class="honor_ul">
- <li class="h33">
- <h3><img src="../../img/zheng1.png" alt="" @mouseover="img_index = 1" @mouseout="img_index = 0" class="animated" :class="img_index == 1 ? 'tada' : ''"></h3>
- <span>楂樻柊鎶�鏈紒涓�</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng2.png" alt="" @mouseover="img_index = 2" @mouseout="img_index = 0" class="animated" :class="img_index == 2 ? 'tada' : ''"></h3>
- <span>杞欢浼佷笟璁よ瘉</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng3.png" alt="" @mouseover="img_index = 3" @mouseout="img_index = 0" class="animated" :class="img_index == 3 ? 'tada' : ''"></h3>
- <span>杞欢浜у搧璁よ瘉</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng6.png" alt="" @mouseover="img_index = 4" @mouseout="img_index = 0" class="animated" :class="img_index == 4 ? 'tada' : ''"></h3>
- <span>闇嶅凹闊﹀皵鍚堜綔浼欎即</span>
- </li>
-
-
- <li>
- <h3 class="h33"><img src="../../img/zheng5.png" alt="" @mouseover="img_index = 5" @mouseout="img_index = 0" class="animated" :class="img_index == 5 ? 'tada' : ''"></h3>
- <span>浼樼浼佷笟</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng9.png" alt="" @mouseover="img_index = 6" @mouseout="img_index = 0" class="animated" :class="img_index == 6 ? 'tada' : ''"></h3>
- <span>鎽╂墭缃楁媺鍚堜綔浼欎即</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng7.png" alt="" @mouseover="img_index = 7" @mouseout="img_index = 0" class="animated" :class="img_index == 7 ? 'tada' : ''"></h3>
- <span>Intermec鍚堜綔浼欎即</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng4.png" alt="" @mouseover="img_index = 8" @mouseout="img_index = 0" class="animated" :class="img_index == 8 ? 'tada' : ''"></h3>
- <span>浼樼瑙ｅ喅鏂规濂�</span>
- </li>
-
-
- <li>
- <h3 class="h33"><img src="../../img/zheng8.png" alt="" @mouseover="img_index = 9" @mouseout="img_index = 0" class="animated" :class="img_index == 9 ? 'tada' : ''"></h3>
- <span>鏂戦┈鍚堜綔浼欎即</span>
- </li>
-
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 10" @mouseout="img_index = 0" class="animated" :class="img_index == 10 ? 'tada' : ''"></h3>
- <span>浠撳簱绠＄悊绯荤粺钁椾綔鏉�</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 11" @mouseout="img_index = 0" class="animated" :class="img_index == 11 ? 'tada' : ''"></h3>
- <span>鍒堕�犳墽琛岀郴缁熻憲浣滄潈</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 12" @mouseout="img_index = 0" class="animated" :class="img_index == 12 ? 'tada' : ''"></h3>
- <span>璐ㄩ噺杩芥函绯荤粺钁椾綔鏉�</span>
- </li>
-
-
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 13" @mouseout="img_index = 0" class="animated" :class="img_index == 13 ? 'tada' : ''"></h3>
- <span>鐗╂祦閰嶉�佺鐞嗙郴缁熻憲浣滄潈</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 14" @mouseout="img_index = 0" class="animated" :class="img_index == 14 ? 'tada' : ''"></h3>
- <span>缁忛攢鍟嗙鐞嗗钩鍙拌憲浣滄潈</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 15" @mouseout="img_index = 0" class="animated" :class="img_index == 15 ? 'tada' : ''"></h3>
- <span>鐢熶骇绾胯祴鐮佺郴缁熻憲浣滄潈</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 16" @mouseout="img_index = 0" class="animated" :class="img_index == 16 ? 'tada' : ''"></h3>
- <span>浼佷笟璧勬簮璁″垝钁椾綔鏉�</span>
- </li>
-
- <li>
- <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 17" @mouseout="img_index = 0" class="animated" :class="img_index == 17 ? 'tada' : ''"></h3>
- <span>鍟嗗煄绯荤粺钁椾綔鏉�</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 18" @mouseout="img_index = 0" class="animated" :class="img_index == 18 ? 'tada' : ''"></h3>
- <span>璁㈠崟绠＄悊绯荤粺钁椾綔鏉�</span>
- </li>
- <li>
- <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 19" @mouseout="img_index = 0" class="animated" :class="img_index == 19 ? 'tada' : ''"></h3>
- <span>瀹㈡埛鍏崇郴绠＄悊绯荤粺钁椾綔鏉�</span>
- </li>
- </ul>
- </div>
- </div>
-
- <div id="anchor-3"></div>
- <div class="content_title fadeInUp zoomIn animated"><span>鑱旂郴鏄庣</span></div>
- <div class="content contact">
- <ul class="contact_ul">
- <li style="flex: none;padding-right: 1.2rem;">
- <h3 class="p_txt"><img src="../../img/lian1.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鍟嗗姟鍚堜綔</span></h3>
- <p class="p_txt p_txt2" style="margin-top: 0.4rem;">service@minkesoft.com</p>
- <p class="p_txt p_txt2">www.minkesoft.com</p>
- <p class="p_txt p_txt2">400-189-1819</p>
- </li>
- <li class="p_li">
- <h3 class="p_txt"><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鏄庣鎬婚儴</span></h3>
- <p class="p_txt2" style="margin-top: 0.4rem;">鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</p>
- </li>
- <li class="p_li2">
- <h3 class="p_txt "><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鏄庣鍒嗛儴</span></h3>
- <p class="p_txt2" style="margin-top: 0.4rem;">鍖椾含锛氶�氬窞鍖烘柊鍗庡寳琛�156鍙蜂繚鍒╁ぇ閮芥眹6-808</p>
- <p class="p_txt2">涓婃捣锛氶椄鍖楀叡鍜屾柊璺�3088寮勭ゥ鑵捐储瀵屽箍鍦�</p>
- <p class="p_txt2">姝︽眽锛氭眽闃冲尯楣﹂箟澶ч亾46鍙烽暱姹熷箍鍦�</p>
- <p class="p_txt2">鎴愰兘锛氱鍥簩璺�10鍙疯埅鍒╀腑蹇�</p>
- <p class="p_txt2">瑗垮畨锛氶珮鏂板尯绉戞妧璺伀鐐ぇ鍘�</p>
- <p class="p_txt2">娌堥槼锛氶搧瑗垮尯鍏村崕琛楁矆杈借矾涓囪揪骞垮満C搴�</p>
- </li>
- </ul>
- </div>
- </div>
- </div>
+ <div id="main">
+ <div id="anchor"></div>
+ <div class="banner m_hide">
+ <img src="../../img/aboutText.png" alt="">
</div>
+ <div class="banner2 p_hide" style="margin-top: 1.14rem;">
+ <img src="../../img/guanyu2.png" alt="">
+ </div>
+ <div class="wrapper introduction">
+ <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟绠�浠�</span></div>
+ <div class="content">
+ <p>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙告槸浼佷笟渚涘簲閾剧鐞嗘墽琛岀郴缁熻蒋浠朵骇鍝佸強搴旂敤闆嗘垚瑙ｅ喅鏂规鐨勯瀵煎巶鍟嗐�傚叕鍙镐笓娉ㄤ簬鍩轰簬浜掕仈缃戞妧鏈�佽嚜鍔ㄨ瘑鍒妧鏈殑渚涘簲閾剧鐞嗘墽琛岀郴缁熺殑浜у搧鐮斿彂鍜岀郴缁熼泦鎴愩�傝嚧鍔涗簬鎶婂熀浜庡厛杩涗俊鎭妧鏈殑鏈�浣崇鐞嗘柟妗堜笌涓氬姟瀹炶返缁忛獙鏅強鍒板鎴风殑绠＄悊涓庝笟鍔″垱鏂版椿鍔ㄤ腑锛屽苟鍏ㄩ潰鎻愪緵鍏锋湁鑷富鐭ヨ瘑浜ф潈鐨勮蒋浠朵骇鍝併�佹湇鍔″強瑙ｅ喅鏂规銆傝浼佷笟涓氬姟鏇村姞楂樻晥锛岃幏寰椾笟鍔′俊鎭洿鍔犲噯纭紝鍙嶅簲鏇村姞杩呴�燂紝鏁堢泭鏇村姞鏄捐憲銆�</p>
+ <div class="content_img"><img src="../../img/about_icon.png" alt=""></div>
+ </div>
+ <div class="content">
+ <div>
+ <p>鏄庣鏍稿績鍥㈤槦鍙婃妧鏈姏閲忥紝鏄浗鍐呰蒋浠剁爺鍙戝簲鐢ㄩ鍩熺殑鍏堥┍鑰咃紝鎺屾彙浜嗙浉鍏冲簲鐢ㄧ殑鏍稿績鎶�鏈紝鐩墠鏄庣杞欢绯荤粺宸茶骞挎硾搴旂敤浜庝紒涓氱殑ERP搴旂敤銆丟SP璐ㄩ噺绠＄悊瑙勮寖搴旂敤銆佷粨鍌ㄧ鐞嗐�侀厤閫佺鐞嗐�佺敓浜х鐞嗐�佸寘瑁呰祴鐮併�侀攢鍞鐞嗐�佹湇鍔＄鐞嗐�佷骇鍝佽拷婧�佽川閲忚拷婧�佸浐瀹氳祫浜х鐞嗐�佹。妗堢鐞嗙瓑鍚勪釜鐜妭锛屼负浼佷笟鎻愪緵浜嗕緵搴旈摼鎵ц绠＄悊銆佷粨搴撶鐞嗐�佺敓浜х鐞嗐�佸垎閿�绠＄悊绛夊叏鏂逛綅杞欢浜у搧鍙婅В鍐虫柟妗�</p>
+ <p style="margin-top: 0.2rem;">鏄庣2006骞存垚绔嬶紝鎬婚儴浣嶄簬鍖椾含锛屽苟鍦ㄦ矆闃炽�佽タ瀹夈�佹姹夈�佹垚閮姐�佷笂娴风瓑鍦拌绔嬫湇鍔℃満鏋勶紝鎷ユ湁瑕嗙洊鍏ㄥ浗鐨勯攢鍞�佹湇鍔＄綉缁�</p>
+ <p style="margin-top: 0.2rem;">2016骞达紝鏄庣10鍛ㄥ勾涔嬮檯锛屾槑绉戜笘绾垚绔嬶紝涓撴敞浜庣數鍟嗛鍩燂紝鏃ㄥ湪閿�鍞涓庡鎴峰疄鐜板叡璧�</p>
+ <p style="margin-top: 0.2rem;">鏄庣浠ュ紩棰嗕紒涓氭柊鎬濈淮銆佹彁鍗囦紒涓氭簮鍔ㄥ姏銆佸府鍔╁鎴锋垚鍔熶负浣垮懡锛屼互鍒涢�犲鎴锋弧鎰忔潵璧㈠緱瀹㈡埛鐨勫繝璇氾紝涓庡鎴峰叡鎴愰暱銆傝嚧鍔涗簬鎴愪负鍏ㄧ悆棰嗗厛鐨勭鐞嗚蒋浠跺強瑙ｅ喅鏂规鎻愪緵鍟�</p>
+ </div>
+ <div><img src="../../img/about_info.png" alt=""></div>
+ </div>
+ <div class="three">
+ <div class="content_title fadeInUp zoomIn animated"><span>3澶т紭鍔�</span></div>
+ <div class="content">
+ <ul class="goods_ul">
+ <li>
+ <div><h3><img src="../../img/chan1.png" alt=""></h3></div>
+ <h2>浜у搧浼樺娍</h2>
+ <p>鍥藉唴棣栨帹鐨勫钩鍙板寲寮�鍙戯紝浣块」鐩紑鍙戞晥鐜囨彁鍗�30%锛屼骇鍝佹�ц兘绋冲畾銆佹槗鍙樻洿</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/chan2.png" alt=""></h3></div>
+ <h2>璧勮浼樺娍</h2>
+ <p>鏄庣鎷ユ湁浼楀琛屼笟鍐呰祫娣遍【闂紝涓哄箍澶х敤鎴锋彁渚涗笟鍔℃祦绋嬪悎鐞嗗寲鍜ㄨ锛屼繚闅滀娇鐢ㄨ�呰兘浠ユ渶浼樺寲鏂瑰紡瀹屾垚宸ヤ綔</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/chan3.png" alt=""></h3></div>
+ <h2>璧勬簮浼樺娍</h2>
+ <p>鏄庣鐨勫疄鏂藉悎浣滀紮浼淬�佽澶囩‖浠跺悎浣滀紮浼淬�丒RP鍚堜綔浼欎即浼楀锛岃兘澶熶负瀹㈡埛鎻愪緵绔嬩綋鍖栫殑鏁翠綋瑙ｅ喅鏂规</p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="content_title"><span>鍙戝睍鍘嗙▼</span></div>
+ </div>
+ <div class="content">
+ <img src="../../img/fazhan.jpg" alt="" class="m_hide">
+ <img src="../../img/m_fan.png" alt="" class="p_hide" style="margin: 0.3rem 0;">
+ </div>
+ <div class="wrapper">
+ <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟鎰挎櫙</span></div>
+ <div class="content vision">
+ <p>鎴愪负涓浗淇℃伅鍖栦环鍊间紶閫掔殑鍊″鑰咃紝鑷村姏浜庨�氳繃淇℃伅鍖栨墜娈垫帹鍔ㄤ緵缁欎晶鏀归潻锛屽府鍔╀紒涓氬畬鎴愪腑鍥芥櫤閫犲崌绾с��</p>
+ <div class="contentimg"><img src="../../img/feiji.png" alt=""></div>
+ </div>
+ <div id="anchor-1"></div>
+ <div class="content_title fadeInUp zoomIn animated"><span>浼佷笟鏂囧寲</span></div>
+ <div class="enterprise">
+ <ul class="culture_ul">
+ <li>
+ <div><h3><img src="../../img/zhuanye.png" alt=""></h3></div>
+ <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>涓撲笟</a></h2>
+ <p>澶т簨涓�</p>
+ <p>鏄庣甯屾湜姣忎竴浣嶅憳宸ラ兘鑳藉閫氳繃杩欎釜骞冲彴瀹炵幇鑷繁鐨勪簨涓氭ⅵ鎯�</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/jiazhi.png" alt=""></h3></div>
+ <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>浠峰��</a></h2>
+ <p>澶у搴�</p>
+ <p>鎵�鏈夊憳宸ュ叡鍚岀粍鎴愮殑涓�涓ぇ瀹跺涵澶у閮藉儚鍏勫紵濮愪滑涓�鏍蜂翰瀵嗘棤闂�</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/fenxiang.png" alt=""></h3></div>
+ <h2 style="margin: 0.2rem 0 0.1rem;font-weight: bold;"><a>鍒嗕韩</a></h2>
+ <p>澶у鏍�</p>
+ <p>鏄庣鏄墍瀛︿範宸ヤ綔鎶�鑳界殑澶у鏍′篃鏄涔犵敓娲绘妧鑳界殑澶у鏍�</p>
+ </li>
+ </ul>
+ </div>
+ <div style="clear: both;"></div>
+ <div class="wrapper">
+ <div class="content_title fadeInUp zoomIn animated"><span>鍥㈤槦寤鸿</span></div>
+ <div class="content teamBuilding">
+ <h2><span>蹇箰鍑烘父锛屽揩涔愬洟寤�</span></h2>
+ <ul class="teamBuilding_ul">
+ <li>
+ <h3><img src="../../img/img.png" alt=""></h3>
+ <p>姣忓勾1鏈堝勾浼氾紝鍚勫湴鍚屼簨榻愯仛鍖椾含锛屾俯娉夋粦闆槸瀵硅緵鑻︿竴骞寸殑鏄庣鍥㈤槦鏈�濂界殑濂栧姳</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan2.png" alt=""></h3>
+ <p>姣忎釜鏄熸湡澶╀笅鍗�2-4鐐癸紝鏃у绗竴涓績灏忓锛屼竴椤瑰睘浜庣敺浜恒�佸睘浜庡洟闃熴�佸睘浜庝害鎼忕殑杩愬姩</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan3.png" alt=""></h3>
+ <p>姣忔鏈夊ぇ鐗囦笂鏄犻兘鏈夊灞炵エ鍝︼紝鎰熻阿瓒呮鐨凥R</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan4.png" alt=""></h3>
+ <p>鍗楁柟鐨勫皬浼欎即缇℃厱鍚э紒</p>
+ </li>
+ </ul>
+ <h2 style="margin-top: 0.6rem;"><span>鍏徃娲诲姩锛岀埍蹇冨叕鐩�</span></h2>
+ <ul class="teamBuilding_ul">
+ <li>
+ <h3><img src="../../img/tuan5.png" alt=""></h3>
+ <p>鏄庣涓�鐩撮紦鍔卞憳宸ユ壙鎷呯ぞ浼氳矗浠诲叧鐖辩暀瀹堝効绔ワ紝鍏崇埍澶辩嫭鑰佷汉锛屽叕鐩婅冻鐞冧笅涔＄瓑閮芥湁鏄庣浜虹殑韬奖</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan6.png" alt=""></h3>
+ <p>鏄庣鏄墍澶у鏍★紝涓嶅崟瀛︿範宸ヤ綔鎶�鑳斤紝杩樹細鍩瑰吇涓�涓汉鍝佹牸銆佸績鏅�</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan7.png" alt=""></h3>
+ <p>鏄庣鐨勬垚鍔熸槸鎵�鏈夋槑绉戜汉鍔姏鐨勭粨鏋滐紝姣忎竴涓洟闃熼綈蹇冨崗鍔涘畬鎴愮殑椤圭洰閮芥槸浠剁簿缇庣殑鑹烘湳鍝�</p>
+ </li>
+ <li>
+ <h3><img src="../../img/tuan8.png" alt=""></h3>
+ <p>澶у涓�璧峰仛鍏泭</p>
+ </li>
+ </ul>
+ </div>
+ <!-- 绉诲姩绔牱寮� -->
+ <div class="three_box p_hide">
+ <div><img src="../../img/dui1.png" alt=""></div>
+ <div><img src="../../img/dui1.png" alt=""></div>
+ <div><img src="../../img/dui1.png" alt=""></div>
+ </div>
+ <div class="three_box p_hide">
+ <div><img src="../../img/dui1.png" alt=""></div>
+ <div><img src="../../img/dui1.png" alt=""></div>
+ <div><img src="../../img/dui1.png" alt=""></div>
+ </div>
+ </div>
+
+ <div id="anchor-2"></div>
+ <div class="wrapper">
+ <div class="content_title fadeInUp zoomIn animated" style="margin-bottom: 0.8rem;"><span>鑽ｈ獕璧勮川</span></div>
+ <div class="m_bakcg">
+ <div class="content honor">
+ <ul class="honor_ul">
+ <li class="h33">
+ <h3><img src="../../img/zheng1.png" alt="" @mouseover="img_index = 1" @mouseout="img_index = 0" class="animated" :class="img_index == 1 ? 'tada' : ''"></h3>
+ <span>楂樻柊鎶�鏈紒涓�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng2.png" alt="" @mouseover="img_index = 2" @mouseout="img_index = 0" class="animated" :class="img_index == 2 ? 'tada' : ''"></h3>
+ <span>杞欢浼佷笟璁よ瘉</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng3.png" alt="" @mouseover="img_index = 3" @mouseout="img_index = 0" class="animated" :class="img_index == 3 ? 'tada' : ''"></h3>
+ <span>杞欢浜у搧璁よ瘉</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng6.png" alt="" @mouseover="img_index = 4" @mouseout="img_index = 0" class="animated" :class="img_index == 4 ? 'tada' : ''"></h3>
+ <span>闇嶅凹闊﹀皵鍚堜綔浼欎即</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng5.png" alt="" @mouseover="img_index = 5" @mouseout="img_index = 0" class="animated" :class="img_index == 5 ? 'tada' : ''"></h3>
+ <span>浼樼浼佷笟</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng9.png" alt="" @mouseover="img_index = 6" @mouseout="img_index = 0" class="animated" :class="img_index == 6 ? 'tada' : ''"></h3>
+ <span>鎽╂墭缃楁媺鍚堜綔浼欎即</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng7.png" alt="" @mouseover="img_index = 7" @mouseout="img_index = 0" class="animated" :class="img_index == 7 ? 'tada' : ''"></h3>
+ <span>Intermec鍚堜綔浼欎即</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng4.png" alt="" @mouseover="img_index = 8" @mouseout="img_index = 0" class="animated" :class="img_index == 8 ? 'tada' : ''"></h3>
+ <span>浼樼瑙ｅ喅鏂规濂�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng8.png" alt="" @mouseover="img_index = 9" @mouseout="img_index = 0" class="animated" :class="img_index == 9 ? 'tada' : ''"></h3>
+ <span>鏂戦┈鍚堜綔浼欎即</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 10" @mouseout="img_index = 0" class="animated" :class="img_index == 10 ? 'tada' : ''"></h3>
+ <span>浠撳簱绠＄悊绯荤粺钁椾綔鏉�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 11" @mouseout="img_index = 0" class="animated" :class="img_index == 11 ? 'tada' : ''"></h3>
+ <span>鍒堕�犳墽琛岀郴缁熻憲浣滄潈</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 12" @mouseout="img_index = 0" class="animated" :class="img_index == 12 ? 'tada' : ''"></h3>
+ <span>璐ㄩ噺杩芥函绯荤粺钁椾綔鏉�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 13" @mouseout="img_index = 0" class="animated" :class="img_index == 13 ? 'tada' : ''"></h3>
+ <span>鐗╂祦閰嶉�佺鐞嗙郴缁熻憲浣滄潈</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 14" @mouseout="img_index = 0" class="animated" :class="img_index == 14 ? 'tada' : ''"></h3>
+ <span>缁忛攢鍟嗙鐞嗗钩鍙拌憲浣滄潈</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng10.png" alt="" @mouseover="img_index = 15" @mouseout="img_index = 0" class="animated" :class="img_index == 15 ? 'tada' : ''"></h3>
+ <span>鐢熶骇绾胯祴鐮佺郴缁熻憲浣滄潈</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 16" @mouseout="img_index = 0" class="animated" :class="img_index == 16 ? 'tada' : ''"></h3>
+ <span>浼佷笟璧勬簮璁″垝钁椾綔鏉�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 17" @mouseout="img_index = 0" class="animated" :class="img_index == 17 ? 'tada' : ''"></h3>
+ <span>鍟嗗煄绯荤粺钁椾綔鏉�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 18" @mouseout="img_index = 0" class="animated" :class="img_index == 18 ? 'tada' : ''"></h3>
+ <span>璁㈠崟绠＄悊绯荤粺钁椾綔鏉�</span>
+ </li>
+ <li>
+ <h3 class="h33"><img src="../../img/zheng11.png" alt="" @mouseover="img_index = 19" @mouseout="img_index = 0" class="animated" :class="img_index == 19 ? 'tada' : ''"></h3>
+ <span>瀹㈡埛鍏崇郴绠＄悊绯荤粺钁椾綔鏉�</span>
+ </li>
+ </ul>
+ </div>
+ </div>
+
+ <div id="anchor-3"></div>
+ <div class="content_title fadeInUp zoomIn animated"><span>鑱旂郴鏄庣</span></div>
+ <div class="content contact">
+ <ul class="contact_ul">
+ <li style="flex: none;padding-right: 1.2rem;">
+ <h3 class="p_txt"><img src="../../img/lian1.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鍟嗗姟鍚堜綔</span></h3>
+ <p class="p_txt p_txt2" style="margin-top: 0.4rem;">service@minkesoft.com</p>
+ <p class="p_txt p_txt2">www.minkesoft.com</p>
+ <p class="p_txt p_txt2">400-189-1819</p>
+ </li>
+ <li class="p_li">
+ <h3 class="p_txt"><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鏄庣鎬婚儴</span></h3>
+ <p class="p_txt2" style="margin-top: 0.4rem;">鍖椾含甯傛湞闃冲尯寤哄浗璺�88鍙稴OHO鐜颁唬鍩�2鍙锋ゼ29灞�</p>
+ </li>
+ <li class="p_li2">
+ <h3 class="p_txt "><img src="../../img/lian2.png" alt="" class="m_img" style="margin: -0.08rem 0.15rem 0 0;"><span>鏄庣鍒嗛儴</span></h3>
+ <p class="p_txt2" style="margin-top: 0.4rem;">鍖椾含锛氶�氬窞鍖烘柊鍗庡寳琛�156鍙蜂繚鍒╁ぇ閮芥眹6-808</p>
+ <p class="p_txt2">涓婃捣锛氶椄鍖楀叡鍜屾柊璺�3088寮勭ゥ鑵捐储瀵屽箍鍦�</p>
+ <p class="p_txt2">姝︽眽锛氭眽闃冲尯楣﹂箟澶ч亾46鍙烽暱姹熷箍鍦�</p>
+ <p class="p_txt2">鎴愰兘锛氱鍥簩璺�10鍙疯埅鍒╀腑蹇�</p>
+ <p class="p_txt2">瑗垮畨锛氶珮鏂板尯绉戞妧璺伀鐐ぇ鍘�</p>
+ <p class="p_txt2">娌堥槼锛氶搧瑗垮尯鍏村崕琛楁矆杈借矾涓囪揪骞垮満C搴�</p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- data(){
- return{
- img_index:0,
- anchor:false,
+ data() {
+ return {
+ img_index:0,
+ anchor:false,
}
},
- mounted() {
- let url = location.href
- let hash = url.substring(url.length-9)
- this.get_anchor(hash)
+ mounted () {
+ let url = location.href
+ let hash = url.substring(url.length-9)
+ this.get_anchor(hash)
},
- methods:{
- //鏍规嵁hash鍊艰烦杞笉鍚岄敋鐐�
- get_anchor(hash){
- if(this.anchor){
- document.querySelector(hash).scrollIntoView(true);
- }
- }
- },
- destroyed(){ //杩斿洖椤堕儴
- document.body.scrollTop = 0
- document.documentElement.scrollTop = 0
- },
- watch:{ //鐩戝惉璺敱
- $route(to,from){
- if(to.hash){
- this.anchor = true
- this.get_anchor(to.hash)
- }
-
- }
+ methods: {
+ //鏍规嵁hash鍊艰烦杞笉鍚岄敋鐐�
+ get_anchor (hash) {
+ if (this.anchor) {
+ document.querySelector(hash).scrollIntoView(true)
+ }
}
+ },
+ destroyed () { //杩斿洖椤堕儴
+ document.body.scrollTop = 0
+ document.documentElement.scrollTop = 0
+ },
+ watch: { //鐩戝惉璺敱
+ $route (to,from) {
+ if (to.hash) {
+ this.anchor = true
+ this.get_anchor(to.hash)
+ }
+ }
+ }
}
</script>
<style lang="less" scoped>
-@media (max-width: 750px) and (min-width: 0){
- .p_txt2{
- margin-left: 0.53rem;
- }
- .m_img{
- width: 0.35rem;
- }
- .m_bakcg{
- background-color: #F9F9F9;
- padding: 0.3rem 0;
- }
- .three_box{
- display: flex;
- padding: 0 0.3rem;
- div{
- flex: 1;
- padding-right: 0.15rem;
- padding-top: 0.15rem;
- }
- div:nth-child(3n){
- padding-right: 0;
- }
- }
- .three_box:last-child{
- margin-bottom: 0.8rem;
- }
- .wrapper{
- width: 100%;
+ @media (max-width: 750px) and (min-width: 0) {
+ .p_txt2 {
+ margin-left: 0.53rem;
}
- .content_title, .content, .content{
- width: 94%;
- margin: 0 auto;
+ .m_img {
+ width: 0.35rem;
}
- .banner{
- width: 100%;
- background: url(../../img/aboutBanner.png) no-repeat;
- background-size: 160% auto;
- min-height: 4rem;
- display: flex;
- justify-content: center;
- align-items: center;
+ .m_bakcg {
+ background-color: #F9F9F9;
+ padding: 0.3rem 0;
}
- .content{
- padding: 0 .1rem .3rem;
- p{
- font-size: .24rem;
- font-family:PingFang-SC-Regular;
- font-weight:400;
- color:rgba(62,62,62,1);
- line-height:0.35rem;
- }
+ .three_box {
+ display: flex;
+ padding: 0 0.3rem;
+ div {
+ flex: 1;
+ padding-right: 0.15rem;
+ padding-top: 0.15rem;
+ }
+ div:nth-child(3n) {
+ padding-right: 0;
+ }
+ }
+ .three_box:last-child {
+ margin-bottom: 0.8rem;
+ }
+ .wrapper {
+ width: 100%;
+ }
+ .content_title, .content, .content {
+ width: 94%;
+ margin: 0 auto;
+ }
+ .banner {
+ width: 100%;
+ background: url(../../img/aboutBanner.png) no-repeat;
+ background-size: 160% auto;
+ min-height: 4rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .content {
+ padding: 0 .1rem .3rem;
+ p {
+ font-size: .24rem;
+ font-family:PingFang-SC-Regular;
+ font-weight:400;
+ color:rgba(62,62,62,1);
+ line-height:0.35rem;
+ }
}
.content_title {
- margin: 0.4rem auto !important;
+ margin: 0.4rem auto !important;
}
- .content_img{
- width: 100%;
- height: 2.42rem;
- margin: .4rem 0;
- background: #F1F1F1;
- display: flex;
- justify-content: center;
- align-items: center;
+ .content_img {
+ width: 100%;
+ height: 2.42rem;
+ margin: .4rem 0;
+ background: #F1F1F1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
- .content:nth-child(3){
- height: auto;
- p{
- font-size: 0.24rem;
- margin-bottom: .3rem;
- }
+ .content:nth-child(3) {
+ height: auto;
+ p {
+ font-size: 0.24rem;
+ margin-bottom: .3rem;
+ }
}
- .three{
- background: #F1F1F1;
- width: 100%;
- height: auto;
- padding-top: 0.3rem;
- margin-bottom: 0.7rem;
-
- .goods_ul{
+ .three {
+ background: #F1F1F1;
+ width: 100%;
+ height: auto;
+ padding-top: 0.3rem;
+ margin-bottom: 0.7rem;
+
+ .goods_ul {
width: 100%;
height: 4.8rem;
box-sizing: border-box;
@@ -387,414 +375,406 @@
display: flex;
justify-content: center;
align-items: center;
-
- li{
- flex: 1;
- padding-right: 0.3rem;
- h3{
- text-align: center;
- img{
- width: 1.48rem;
- height: 1.52rem;
- }
- }
- }
- li:first-child{
- margin-top: -0.3rem;
- }
- li:last-child{
- padding-right: 0;
- }
- li>div{
- padding: 0 .2rem;
- }
- h2{
- margin: 0;
- font-size: .26rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- margin: .2rem 0;
+
+ li {
+ flex: 1;
+ padding-right: 0.3rem;
+ h3 {
text-align: center;
- }
- }
- }
- .vision{
- width: 94%;
- height: auto;
- p{
- font-size:0.28rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- color:rgba(0,161,225,1);
- line-height:0.43rem;
- text-align: center;
- margin-bottom: 0.46rem;
- }
- .contentimg{
- img{
- width: 100%;
- height: 100%;
+ img {
+ width: 1.48rem;
+ height: 1.52rem;
}
+ }
}
+ li:first-child {
+ margin-top: -0.3rem;
+ }
+ li:last-child {
+ padding-right: 0;
+ }
+ li > div {
+ padding: 0 .2rem;
+ }
+ h2 {
+ margin: 0;
+ font-size: .26rem;
+ font-family:PingFang-SC-Bold;
+ font-weight:bold;
+ margin: .2rem 0;
+ text-align: center;
+ }
+ }
}
- .enterprise{
- width: 100%;
- box-sizing: border-box;
- background: #f9f9f9;
- padding: .4rem 0;
+ .vision {
+ width: 94%;
+ height: auto;
+ p {
+ font-size:0.28rem;
+ font-family:PingFang-SC-Bold;
+ font-weight:bold;
+ color:rgba(0,161,225,1);
+ line-height:0.43rem;
+ text-align: center;
+ margin-bottom: 0.46rem;
+ }
+ .contentimg {
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+ .enterprise {
+ width: 100%;
+ box-sizing: border-box;
+ background: #f9f9f9;
+ padding: .4rem 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .culture_ul {
display: flex;
- justify-content: center;
- align-items: center;
-
- .culture_ul{
- display: flex;
- height: auto;
- li{
- flex: 1;
-
- p{
- width: auto;
- font-size: 0.24rem;
- line-height: 0.35rem;
- }
- }
- }
- li>div{
- padding: 0 .2rem;
- h3{
- img{
- width: 1.23rem;
- }
- }
+ height: auto;
+ li {
+ flex: 1;
+ p {
+ width: auto;
+ font-size: 0.24rem;
+ line-height: 0.35rem;
+ }
}
- h2{
- margin: 0;
- font-size: .26rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- margin: .2rem 0;
+ }
+ li > div {
+ padding: 0 .2rem;
+ h3 {
+ img {
+ width: 1.23rem;
+ }
}
+ }
+ h2 {
+ margin: 0;
+ font-size: .26rem;
+ font-family:PingFang-SC-Bold;
+ font-weight:bold;
+ margin: .2rem 0;
+ }
}
- .teamBuilding{
- height: 2.6rem;
- overflow: hidden;
- h2{
- display: none;
- }
- .teamBuilding_ul{
- width: 100%;
- height: auto;
- display: flex;
- flex-wrap: wrap;
- li{
- display: inline-block;
- width: 33%;
- padding: .1rem;
- h3{
- width: 100%;
- height: 1.3rem;
- }
- p{
- display: none;
- }
- }
- }
- }
- .teamBuilding:nth-child(2){
+ .teamBuilding {
+ height: 2.6rem;
+ overflow: hidden;
+ h2 {
display: none;
- }
- .honor_ul{
+ }
+ .teamBuilding_ul {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
- li{
- width: 50%;
- height: auto;
- padding: .2rem 0.1rem;
- flex-wrap: wrap;
- h3{
- width: 100%;
- text-align: center;
- }
- span{
- display: none;
- }
- }
-
- }
- .contact_ul{
- width: 98%;
- height: auto;
- margin: 0 auto;
- box-shadow: 0 0 0.38rem 0 rgba(79,78,80,0.15);
- padding: .4rem;
- li{
- padding-bottom: .4rem;
- span{
- font-size: .28rem;
- }
- }
- li:last-child{
- border: none;
- margin: 0;
- }
- }
-}
-@media (min-width: 751px) {
- .hover2{
- cursor: pointer;
- transform: scale(1.2);
- z-index: 99999;
- }
- .p_li{
- padding: 0px 1.1rem 0px 0.5rem;
- flex: none;
- }
- .p_li2{
- padding-left: 0.4rem;
- }
- .p_txt{
- text-align: center;
- }
- .banner{
- background: url(../../img/aboutBanner.png) no-repeat center center;
- background-size: cover;
- min-height: 5.65rem;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .introduction{
- .content:nth-child(2){
- display: flex;
-
- .goods_ul{
- flex: 1;
- }
-
- p{
- flex: 1;
- margin-right: .4rem;
- line-height: 0.25rem;
- font-size: 0.16rem;
- width: 1.7rem;
- margin: 0 auto;
- }
- .content_img{
- flex: 1;
- background: #F1F1F1;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-left: 0.2rem;
- }
-
- h2{
- margin: 0.2rem auto 0.1rem;
- display: inline-block;
- border-bottom: 0.02rem solid;
- }
-
- }
- .content:nth-child(3){
+ li {
+ display: inline-block;
+ width: 33%;
+ padding: .1rem;
+ h3 {
width: 100%;
- height: auto;
- padding: .6rem 0;
- div:first-child{
- float: right;
- p{
- line-height: 0.25rem;
- font-size: 0.16rem;
- flex:1;
- }
- }
- div{
- width: 48%;
- }
+ height: 1.3rem;
+ }
+ p {
+ display: none;
+ }
}
-
+ }
}
- .content_title{
- margin: 1rem 0;
+ .teamBuilding:nth-child(2) {
+ display: none;
}
- .vision{
- display: flex;
- p{
- padding: 0.73rem 1.2rem 0 0;
- font-size: 0.2rem;
- font-weight: bold;
- color: #00A1E1;
- flex: 1;
- line-height: 0.31rem;
- }
- }
- .content_ul{
- li>h2{ margin: 0.38rem 0 0.18rem;}
- }
- .teamBuilding{
- h2{
- overflow: hidden;
- span{
- font-size: 0.22rem;
- // font-family: MicrosoftYaHei;
- color:#3B3B3C;
- position: relative;
- display: block;
- width: 100%;
- }
- span::after{
- content: '';
- position: absolute;
- top:50%;
- width: 77%;
- height: 1.1px;
- background: #BFBFBF;
- right: -0.16rem;
- }
- }
- .teamBuilding_ul{
- display: flex;
- margin-top: 0.39rem;
- li{
- flex:1;
- float: left;
- text-align: center;
- h3{
- img{
- height: 1.45rem;
- width: 94%;
- margin: 0 auto;
- display: inline-block;
- }
- }
- p{
- font-size:0.16rem;
- color:#3B3B3C;
- margin-top: 0.2rem;
- padding: 0 0.3rem;
- }
- }
- }
- }
- .contact_ul{
- display: flex;
- margin-bottom: 0.6rem;
- li{
- flex: 1;
- position: relative;
- h3{
- i{
- height: 0.28rem;
- width: 0.28rem;
- background:chocolate;
- display: inline-block;
- vertical-align: bottom;
- margin-right: 0.15rem;
- }
- span{
- font-size: 0.24rem;
- color: #666;
- }
- }
- p{
- margin-top: 0.1rem;
- color: #3B3B3C;
- font-size:0.16rem;
- font-weight: bold;
- line-height: 0.26rem;
- }
- }
- li::before{
- content:'';
- display: inline-block;
- height: 1.19rem;
- width: 1px;
- background: #BFBFBF;
- position: absolute;
- right: 7%;
- }
- li:last-child::before{
- display: none;
-
- }
- }
- .goods_ul{
- li{
- float: left;
- margin: 0 3%;
- width: 27.3%;
- text-align: center;
-
- h2{
- margin: 0.2rem 0 0.13rem;
- font-size: 0.22rem;
- color:#3A3A3C;
- }
- }
- }
-
- .wrapper .teamBuilding:last-child{
- margin-top: 0.77rem;
- }
-
- .honor_ul{
- display: flex;
+ .honor_ul {
+ width: 100%;
+ height: auto;
+ display: flex;
+ flex-wrap: wrap;
+ li {
+ width: 50%;
+ height: auto;
+ padding: .2rem 0.1rem;
flex-wrap: wrap;
- li{
- text-align: center;
- width: 25%;
- margin-bottom: .3rem;
-
- //绾夸笂娴嬭瘯澶辨晥
- // &:hover .h33{
- // .animated;
- // .tada;
- // }
- span{
- display: inline-block;
- background: #F9F9F9;
- opacity: 0.56;
- width: 2rem;
- padding: 0.1rem 0;
- color: #3B3B3C;
- border: 0.01rem solid gainsboro;
- }
- h3{
- width: 2rem;
- border: 0.02rem solid #F9F9F9;
- margin: 0 auto;
- padding: 0.1rem 0 0.06rem;
-
- img{
- height: 1.3rem;
- margin: 0 auto;
- display: inline-block;
- }
- }
+ h3 {
+ width: 100%;
+ text-align: center;
}
+ span {
+ display: none;
+ }
+ }
}
-}
-.culture_ul{
- height: 2.5rem;
- li{
+ .contact_ul {
+ width: 98%;
+ height: auto;
+ margin: 0 auto;
+ box-shadow: 0 0 0.38rem 0 rgba(79,78,80,0.15);
+ padding: .4rem;
+ li {
+ padding-bottom: .4rem;
+ span {
+ font-size: .28rem;
+ }
+ }
+ li:last-child {
+ border: none;
+ margin: 0;
+ }
+ }
+ }
+ @media (min-width: 751px) {
+ .hover2 {
+ cursor: pointer;
+ transform: scale(1.2);
+ z-index: 99999;
+ }
+ .p_li {
+ padding: 0px 1.1rem 0px 0.5rem;
+ flex: none;
+ }
+ .p_li2 {
+ padding-left: 0.4rem;
+ }
+ .p_txt {
+ text-align: center;
+ }
+ .banner {
+ background: url(../../img/aboutBanner.png) no-repeat center center;
+ background-size: cover;
+ min-height: 5.65rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .introduction {
+ .content:nth-child(2) {
+ display: flex;
+
+ .goods_ul {
+ flex: 1;
+ }
+ p {
+ flex: 1;
+ margin-right: .4rem;
+ line-height: 0.25rem;
+ font-size: 0.16rem;
+ width: 1.7rem;
+ margin: 0 auto;
+ }
+ .content_img {
+ flex: 1;
+ background: #F1F1F1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-left: 0.2rem;
+ }
+ h2 {
+ margin: 0.2rem auto 0.1rem;
+ display: inline-block;
+ border-bottom: 0.02rem solid;
+ }
+ }
+ .content:nth-child(3) {
+ width: 100%;
+ height: auto;
+ padding: .6rem 0;
+ div:first-child {
+ float: right;
+ p {
+ line-height: 0.25rem;
+ font-size: 0.16rem;
+ flex:1;
+ }
+ }
+ div {
+ width: 48%;
+ }
+ }
+ }
+ .content_title {
+ margin: 1rem 0;
+ }
+ .vision {
+ display: flex;
+ p {
+ padding: 0.73rem 1.2rem 0 0;
+ font-size: 0.2rem;
+ font-weight: bold;
+ color: #00A1E1;
+ flex: 1;
+ line-height: 0.31rem;
+ }
+ }
+ .content_ul {
+ li > h2 {
+ margin: 0.38rem 0 0.18rem;
+ }
+ }
+ .teamBuilding {
+ h2 {
+ overflow: hidden;
+ span {
+ font-size: 0.22rem;
+ // font-family: MicrosoftYaHei;
+ color:#3B3B3C;
+ position: relative;
+ display: block;
+ width: 100%;
+ }
+ span::after {
+ content: '';
+ position: absolute;
+ top:50%;
+ width: 77%;
+ height: 1.1px;
+ background: #BFBFBF;
+ right: -0.16rem;
+ }
+ }
+ .teamBuilding_ul {
+ display: flex;
+ margin-top: 0.39rem;
+ li {
+ flex:1;
+ float: left;
+ text-align: center;
+ h3 {
+ img {
+ height: 1.45rem;
+ width: 94%;
+ margin: 0 auto;
+ display: inline-block;
+ }
+ }
+ p {
+ font-size:0.16rem;
+ color:#3B3B3C;
+ margin-top: 0.2rem;
+ padding: 0 0.3rem;
+ }
+ }
+ }
+ }
+ .contact_ul {
+ display: flex;
+ margin-bottom: 0.6rem;
+ li {
+ flex: 1;
+ position: relative;
+ h3 {
+ i {
+ height: 0.28rem;
+ width: 0.28rem;
+ background:chocolate;
+ display: inline-block;
+ vertical-align: bottom;
+ margin-right: 0.15rem;
+ }
+ span {
+ font-size: 0.24rem;
+ color: #666;
+ }
+ }
+ p {
+ margin-top: 0.1rem;
+ color: #3B3B3C;
+ font-size:0.16rem;
+ font-weight: bold;
+ line-height: 0.26rem;
+ }
+ }
+ li::before {
+ content:'';
+ display: inline-block;
+ height: 1.19rem;
+ width: 1px;
+ background: #BFBFBF;
+ position: absolute;
+ right: 7%;
+ }
+ li:last-child::before {
+ display: none;
+ }
+ }
+ .goods_ul {
+ li {
float: left;
margin: 0 3%;
width: 27.3%;
text-align: center;
- h2>a{
- border-bottom: 1px solid #303030;
- }
+
+ h2 {
+ margin: 0.2rem 0 0.13rem;
+ font-size: 0.22rem;
+ color:#3A3A3C;
+ }
+ }
}
- p{
- color: #3B3B3C;
- font-size: 0.18rem;
- line-height: 0.25rem;
- width: 2.52rem;
- margin: 0 auto;
+
+ .wrapper .teamBuilding:last-child {
+ margin-top: 0.77rem;
}
-}
+ .honor_ul {
+ display: flex;
+ flex-wrap: wrap;
+ li {
+ text-align: center;
+ width: 25%;
+ margin-bottom: .3rem;
+
+ //绾夸笂娴嬭瘯澶辨晥
+ // &:hover .h33 {
+ // .animated;
+ // .tada;
+ // }
+ span {
+ display: inline-block;
+ background: #F9F9F9;
+ opacity: 0.56;
+ width: 2rem;
+ padding: 0.1rem 0;
+ color: #3B3B3C;
+ border: 0.01rem solid gainsboro;
+ }
+ h3 {
+ width: 2rem;
+ border: 0.02rem solid #F9F9F9;
+ margin: 0 auto;
+ padding: 0.1rem 0 0.06rem;
-
+ img {
+ height: 1.3rem;
+ margin: 0 auto;
+ display: inline-block;
+ }
+ }
+ }
+ }
+ }
+ .culture_ul {
+ height: 2.5rem;
+ li {
+ float: left;
+ margin: 0 3%;
+ width: 27.3%;
+ text-align: center;
+ h2 > a {
+ border-bottom: 1px solid #303030;
+ }
+ }
+ p {
+ color: #3B3B3C;
+ font-size: 0.18rem;
+ line-height: 0.25rem;
+ width: 2.52rem;
+ margin: 0 auto;
+ }
+ }
</style>
--
Gitblit v1.8.0