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/AboutMingKe.vue | 864 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 427 insertions(+), 437 deletions(-)
diff --git a/src/views/companyProfile/AboutMingKe.vue b/src/views/companyProfile/AboutMingKe.vue
index df0b79c..4c0bcd3 100644
--- a/src/views/companyProfile/AboutMingKe.vue
+++ b/src/views/companyProfile/AboutMingKe.vue
@@ -1,58 +1,58 @@
<template>
- <div class="main">
- <div class="banner"><img src="../../img/aboutText.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/goods.png" alt=""></h3></div>
- <h2>浜у搧浼樺娍</h2>
- <p>鍥藉唴棣栨帹鐨勫钩鍙板寲寮�鍙戯紝浣块」鐩紑鍙戞晥鐜囨彁鍗�30%锛屼骇鍝佹�ц兘绋冲畾銆佹槗鍙樻洿</p>
- </li>
- <li>
- <div><h3><img src="../../img/zixun.png" alt=""></h3></div>
- <h2>璧勮浼樺娍</h2>
- <p>鏄庣鎷ユ湁浼楀琛屼笟鍐呰祫娣遍【闂紝涓哄箍澶х敤鎴锋彁渚涗笟鍔℃祦绋嬪悎鐞嗗寲鍜ㄨ锛屼繚闅滀娇鐢ㄨ�呰兘浠ユ渶浼樺寲鏂瑰紡瀹屾垚宸ヤ綔</p>
- </li>
- <li>
- <div><h3><img src="../../img/ziyuan.png" alt=""></h3></div>
- <h2>璧勬簮浼樺娍</h2>
- <p>鏄庣鐨勫疄鏂藉悎浣滀紮浼淬�佽澶囩‖浠跺悎浣滀紮浼淬�丒RP鍚堜綔浼欎即浼楀锛岃兘澶熶负瀹㈡埛鎻愪緵绔嬩綋鍖栫殑鏁翠綋瑙ｅ喅鏂规</p>
- </li>
- </ul>
- </div>
- </div>
- <div class="content_title"><span>鍙戝睍鍘嗙▼</span></div>
+ <div class="main">
+ <div class="banner"><img src="../../img/aboutText.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 class="content" style="background:#F9F9F9; height:6.55rem;">
- <div class="wrapper">
- </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/goods.png" alt=""></h3></div>
+ <h2>浜у搧浼樺娍</h2>
+ <p>鍥藉唴棣栨帹鐨勫钩鍙板寲寮�鍙戯紝浣块」鐩紑鍙戞晥鐜囨彁鍗�30%锛屼骇鍝佹�ц兘绋冲畾銆佹槗鍙樻洿</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/zixun.png" alt=""></h3></div>
+ <h2>璧勮浼樺娍</h2>
+ <p>鏄庣鎷ユ湁浼楀琛屼笟鍐呰祫娣遍【闂紝涓哄箍澶х敤鎴锋彁渚涗笟鍔℃祦绋嬪悎鐞嗗寲鍜ㄨ锛屼繚闅滀娇鐢ㄨ�呰兘浠ユ渶浼樺寲鏂瑰紡瀹屾垚宸ヤ綔</p>
+ </li>
+ <li>
+ <div><h3><img src="../../img/ziyuan.png" alt=""></h3></div>
+ <h2>璧勬簮浼樺娍</h2>
+ <p>鏄庣鐨勫疄鏂藉悎浣滀紮浼淬�佽澶囩‖浠跺悎浣滀紮浼淬�丒RP鍚堜綔浼欎即浼楀锛岃兘澶熶负瀹㈡埛鎻愪緵绔嬩綋鍖栫殑鏁翠綋瑙ｅ喅鏂规</p>
+ </li>
+ </ul>
+ </div>
</div>
+ <div class="content_title"><span>鍙戝睍鍘嗙▼</span></div>
+ </div>
+ <div class="content" style="background:#F9F9F9; height:6.55rem;">
<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 style="height: 1rem;clear: both;"></div>
</div>
+ </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 style="height: 1rem;clear: both;"></div>
</div>
+ </div>
</template>
<script>
@@ -62,61 +62,60 @@
</script>
<style lang="less" scoped>
-@media (max-width: 750px) and (min-width: 0){
- .wrapper{
- width: 100%;
+ @media (max-width: 750px) and (min-width: 0) {
+ .wrapper {
+ width: 100%;
}
- .content_title, .content, .content{
- width: 94%;
- margin: 0 auto;
+ .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;
- img{
- width: 30%;
- }
+ .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;
+ img {
+ width: 30%;
+ }
}
- .content{
- padding: 0 .1rem .3rem 0;
- p{
- font-size: .24rem;
- }
+ .content {
+ padding: 0 .1rem .3rem 0;
+ p {
+ font-size: .24rem;
+ }
}
.content_title {
- margin: 0.2rem 0 .4rem;
+ margin: 0.2rem 0 .4rem;
}
- .content_img{
- width: 100%;
- height: 2.42rem;
+ .content_img {
+ width: 100%;
+ height: 2.42rem;
+ border: 1px dashed #000;
+ 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;
+ }
+ div:nth-child(2) {
border: 1px dashed #000;
- 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;
- }
- div:nth-child(2){
- border: 1px dashed #000;
- }
- }
- .three{
- background: #F1F1F1;
-
- width: 100%;
- height: auto;
- .goods_ul{
+ .three {
+ background: #F1F1F1;
+ width: 100%;
+ height: auto;
+ .goods_ul {
width: 100%;
height: 4.8rem;
box-sizing: border-box;
@@ -125,372 +124,363 @@
display: flex;
justify-content: center;
align-items: center;
- li>div{
- padding: 0 .2rem;
- h3{
- border:1px dashed #000;
- }
+ li > div {
+ padding: 0 .2rem;
+ h3 {
+ border:1px dashed #000;
+ }
}
- h2{
- margin: 0;
- font-size: .26rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- margin: .2rem 0;
- text-align: center;
+ h2 {
+ margin: 0;
+ font-size: .26rem;
+ font-family:PingFang-SC-Bold;
+ font-weight:bold;
+ margin: .2rem 0;
+ text-align: center;
}
- }
+ }
}
- .vision{
- width: 94%;
+ .vision {
+ width: 94%;
+ height: auto;
+ p {
+ width: 40%;
+ font-size: 0.21rem;
+ color: #00A1E1;
+ text-align: center;
+ }
+ .contentimg {
+ width: 60%;
height: auto;
- p{
- width: 40%;
- font-size: 0.21rem;
- color: #00A1E1;
- text-align: center;
+ border: 1px dashed #000;
+ img {
+ width: 100%;
+ height: 100%;
}
- .contentimg{
- width: 60%;
- height: auto;
- border: 1px dashed #000;
- img{
- width: 100%;
- height: 100%;
- }
- }
+ }
}
- .enterprise{
- width: 100%;
- height: 4.8rem;
- box-sizing: border-box;
- background: #f9f9f9;
- padding: .3rem 0;
- display: flex;
- justify-content: center;
- align-items: center;
- li>div{
- padding: 0 .2rem;
- h3{
- border:1px dashed #000;
- }
+ .enterprise {
+ width: 100%;
+ height: 4.8rem;
+ box-sizing: border-box;
+ background: #f9f9f9;
+ padding: .3rem 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ li > div {
+ padding: 0 .2rem;
+ h3 {
+ border:1px dashed #000;
}
- h2{
- margin: 0;
- font-size: .26rem;
- font-family:PingFang-SC-Bold;
- font-weight:bold;
- margin: .2rem 0;
- }
+ }
+ 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;
- border:1px dashed #000;
- }
- 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: .1rem;
- flex-wrap: wrap;
- h3{
- width: 100%;
- height: 2.4rem;
- border: 1px dashed #000;
- }
- span{
- display: none;
- }
- }
- }
- .contact_ul{
- width: 94%;
- height: auto;
- margin: 0 auto;
- box-shadow: 0 0 38px 0 rgba(79,78,80,0.15);
- padding: .4rem;
- li{
- border-bottom: 1px solid #818181;
- padding-bottom: .4rem;
- margin-bottom: .4rem;
- span{
- font-size: .28rem;
- }
- }
- li:last-child{
- border: none;
- margin: 0;
- }
- }
-}
-@media (min-width: 751px) {
- .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;
- color: #838383;
- }
- .content_img{
- flex: 1;
- background: #F1F1F1;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- 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;
- text-align: right;
- }
- }
- div{
- width: 48%;
- }
+ height: 1.3rem;
+ border:1px dashed #000;
+ }
+ 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;
- 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;
- h3{
- img{
- border:1px dashed;
- }
- }
- 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: .1rem;
flex-wrap: wrap;
- li{
- text-align: center;
- width: 25%;
- margin-bottom: .3rem;
-
-
- 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%;
+ height: 2.4rem;
+ border: 1px dashed #000;
}
+ span {
+ display: none;
+ }
+ }
}
-}
-.culture_ul{
- height: 2.5rem;
- li{
+ .contact_ul {
+ width: 94%;
+ height: auto;
+ margin: 0 auto;
+ box-shadow: 0 0 38px 0 rgba(79,78,80,0.15);
+ padding: .4rem;
+ li {
+ border-bottom: 1px solid #818181;
+ padding-bottom: .4rem;
+ margin-bottom: .4rem;
+ span {
+ font-size: .28rem;
+ }
+ }
+ li:last-child {
+ border: none;
+ margin: 0;
+ }
+ }
+ }
+ @media (min-width: 751px) {
+ .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;
+ color: #838383;
+ }
+ .content_img {
+ flex: 1;
+ background: #F1F1F1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ 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;
+ text-align: right;
+ }
+ }
+ 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;
+ 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;
- }
+ h3 {
+ img {
+ border:1px dashed;
+ }
+ }
+ 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;
+ 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