From ce70bc450a2401997bb850f89f3c4dc0a23e0a72 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 九月 2025 18:38:13 +0800
Subject: [PATCH] 31 数字化口腔修复技术 整本

---
 src/books/digitalDentalRestorationTechnology/view/components/chapter005.vue |  637 ++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 425 insertions(+), 212 deletions(-)

diff --git a/src/books/digitalDentalRestorationTechnology/view/components/chapter005.vue b/src/books/digitalDentalRestorationTechnology/view/components/chapter005.vue
index ae0b638..0dcc417 100644
--- a/src/books/digitalDentalRestorationTechnology/view/components/chapter005.vue
+++ b/src/books/digitalDentalRestorationTechnology/view/components/chapter005.vue
@@ -9,28 +9,68 @@
                 </div>
                 <div class="bodystyle">
                     <h1 class="firstTitle-l">椤圭洰鍥涖��绉嶆涔夐娇璁捐宸ヨ壓</h1>
-                    <div class="bodyPic"><img src="../../assets/images/0097-01.jpg" style="width:30%" alt=""
-                            active="true" /></div>
-                    <div class="bodyPic"><img src="../../assets/images/0017-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">绱犺川鐩爣</span></p>
-                    <p class="content">锛�1锛夊叿澶囦弗璋ㄧ殑宸ヤ綔鎬佸害鍜屽疄浜嬫眰鏄殑宸ヤ綔浣滈锛岄拡瀵圭妞嶄箟榻胯璁$梾渚嬬粰鍑哄悎鐞嗙殑淇璁捐鎬濊矾锛屼繚闅滀箟榻夸娇鐢ㄧ殑鑸掗�傛�у拰闀夸箙鎬с��</p>
-                    <p class="content">锛�2锛夊叿澶囧垱鏂板涔犳剰璇嗭紝瀵归毦搴﹁緝澶х殑绉嶆淇鐥呬緥锛屼互淇涓哄鍚戯紝涓烘偅鑰呰璁′釜鎬у寲鑲╁彴銆佽搴﹁偐鍙帮紝淇濋殰涔夐娇鐨勪慨澶嶆晥鏋溿��</p>
-                    <p class="center">........................</p>
-                    <p class="center"><span class="bold">鐭ヨ瘑鐩爣</span></p>
-                    <p class="content">锛�1锛夋帉鎻★細绉嶆鍩哄彴鐨勫熀鏈瀯鎴愶紝涓�у寲鍩哄彴鐨勭壒鐐癸紱褰㈡�佸銆佺編瀛﹀熀鏈煡璇嗭紱鍐犳ˉ璁捐娴佺▼锛涚妞嶅鏉垮埗浣滄祦绋嬨��</p>
-                    <p class="content">锛�2锛夌啛鎮夛細姘у寲閿嗗熀鍙扮殑褰㈠紡锛涚妞嶄慨澶嶅啝閮ㄨ璁″熀鏈楠わ紱缂烘崯閮ㄤ綅涓嶅悓绫诲瀷鐨勭妞嶅鏉胯璁¤姹傘��</p>
-                    <p class="center">........................</p>
-                    <p class="content"><span class="bold">鑳藉姏鐩爣</span></p>
-                    <p class="content">锛�1锛夎兘澶熺嫭绔嬪畬鎴愮妞嶅熀鍙拌璁°��</p>
-                    <p class="content">锛�2锛夎兘澶熺嫭绔嬪畬鎴愮畝鍗曠墮鏀寔寮忕妞嶅鏉跨殑璁捐銆�</p>
-                    <p class="content">锛�3锛夎兘澶熷畬鎴愭哀鍖栭攩鍩哄彴璁捐銆�</p>
+                    <div class="learnGoal">
+                        <img class="learnImg img-h" src="../../assets/images/learnGoal.png" alt="" />
+                        <p class="center learngoalRange"><span class="bold">绱犺川鐩爣</span></p>
+                        <p class="content">锛�1锛夊叿澶囦弗璋ㄧ殑宸ヤ綔鎬佸害鍜屽疄浜嬫眰鏄殑宸ヤ綔浣滈锛岄拡瀵圭妞嶄箟榻胯璁$梾渚嬬粰鍑哄悎鐞嗙殑淇璁捐鎬濊矾锛屼繚闅滀箟榻夸娇鐢ㄧ殑鑸掗�傛�у拰闀夸箙鎬с��</p>
+                        <p class="content">锛�2锛夊叿澶囧垱鏂板涔犳剰璇嗭紝瀵归毦搴﹁緝澶х殑绉嶆淇鐥呬緥锛屼互淇涓哄鍚戯紝涓烘偅鑰呰璁′釜鎬у寲鑲╁彴銆佽搴﹁偐鍙帮紝淇濋殰涔夐娇鐨勪慨澶嶆晥鏋溿��</p>
+                        <p class="center learngoalRange omit">........................</p>
+                        <p class="center learngoalRange"><span class="bold">鐭ヨ瘑鐩爣</span></p>
+                        <p class="content">锛�1锛夋帉鎻★細绉嶆鍩哄彴鐨勫熀鏈瀯鎴愶紝涓�у寲鍩哄彴鐨勭壒鐐癸紱褰㈡�佸銆佺編瀛﹀熀鏈煡璇嗭紱鍐犳ˉ璁捐娴佺▼锛涚妞嶅鏉垮埗浣滄祦绋嬨��</p>
+                        <p class="content">锛�2锛夌啛鎮夛細姘у寲閿嗗熀鍙扮殑褰㈠紡锛涚妞嶄慨澶嶅啝閮ㄨ璁″熀鏈楠わ紱缂烘崯閮ㄤ綅涓嶅悓绫诲瀷鐨勭妞嶅鏉胯璁¤姹傘��</p>
+                        <p class="center learngoalRange omit">........................</p>
+                        <p class="center learngoalRange"><span class="bold">鑳藉姏鐩爣</span></p>
+                        <p class="content">锛�1锛夎兘澶熺嫭绔嬪畬鎴愮妞嶅熀鍙拌璁°��</p>
+                        <p class="content">锛�2锛夎兘澶熺嫭绔嬪畬鎴愮畝鍗曠墮鏀寔寮忕妞嶅鏉跨殑璁捐銆�</p>
+                        <p class="content">锛�3锛夎兘澶熷畬鎴愭哀鍖栭攩鍩哄彴璁捐銆�</p>
+                    </div>
+                    <div class="knowledgeExpansion">
+                        <div class="questionBank">
+                            <img src="../../assets/images/sanJiao.svg" alt="" />
+                            <span>鏁欏璇句欢</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A14'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰鍥� 鏁欏璇句欢 绉嶆鍩哄彴</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A15'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span> 椤圭洰鍥� 鏁欏璇句欢 涓婇儴鍐犵殑璁捐</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A16'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰鍥� 鏁欏璇句欢 绉嶆铻轰笣鍥轰綅妗ヨ璁�</span>
+                        </div>
+                        <div class="knowledgeExpansion-box" @click="toUrl(getResourceInfo('A17'))">
+                            <img src="../../assets/images/jiaoXue.svg" alt="" />
+                            <span>椤圭洰鍥� 鏁欏璇句欢 鏁板瓧鍖栨墜鏈鏉胯璁�</span>
+                        </div>
+                    </div>
                     <h2 class="secondTitle">浠诲姟涓�銆�鏁板瓧鍖栫妞嶄釜鎬у熀鍙拌璁�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">鏌愰棬璇婂畬鎴愮妞嶆墜鏈竴鏈熺妞嶉拤妞嶅叆鍚庢暟鏈堬紝绉嶆浣撳亸绂荤墮寮撴柟鍚戯紝鑸屽悜鍊炬枩3mm銆傝瀹屾垚鍩哄彴鍙婁慨澶嶄綋鍒朵綔銆�</p>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title">妗堜緥瀵煎叆</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">鏌愰棬璇婂畬鎴愮妞嶆墜鏈竴鏈熺妞嶉拤妞嶅叆鍚庢暟鏈堬紝绉嶆浣撳亸绂荤墮寮撴柟鍚戯紝鑸屽悜鍊炬枩3mm銆傝瀹屾垚鍩哄彴鍙婁慨澶嶄綋鍒朵綔銆�</p>
 
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">1锛庣妞嶄綋瑙掑害鍋忕鐗欏紦鐨勫熀鍙版槸浠�涔堝熀鍙帮紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">2锛庡熀鍙拌璁℃渶鍏抽敭鐨勯儴鍒嗘槸浠�涔堬紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">3锛庡父鐢ㄧ妞嶄綋鍩哄彴淇鏉愭枡鏈夊摢浜涳紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
                 </div>
                 <div class="page-bottom-right">081</div>
             </div>
@@ -45,37 +85,39 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">1锛庣妞嶄綋瑙掑害鍋忕鐗欏紦鐨勫熀鍙版槸浠�涔堝熀鍙帮紵</p>
-                    <p class="content">2锛庡熀鍙拌璁℃渶鍏抽敭鐨勯儴鍒嗘槸浠�涔堬紵</p>
-                    <p class="content">3锛庡父鐢ㄧ妞嶄綋鍩哄彴淇鏉愭枡鏈夊摢浜涳紵</p>
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">
                         鍦ㄧ妞嶄慨澶嶆椂锛屽洜鎮h�呯墮浣嶆垨涓綋鐗欐Ы楠ㄥ惛鏀舵柟鍚戙�佸熀鐗欏�炬枩鏂瑰悜鐨勪笉鍚岋紝鎴愬搧鍩哄彴鍦ㄦ湁浜涙儏鍐典笅涓嶈兘婊¤冻鎮h�呯殑涓�х壒寰併�備釜鎬у寲鍩哄彴鍙互鐏垫椿淇绉嶆瑙掑害鍋忓樊锛屾纭畾浣嶄慨澶嶄綋鐨勮竟缂樹綅缃紝骞惰幏寰楃悊鎯崇殑绌块緢杞粨锛屽洜姝ゅ湪涓村簥涓殑搴旂敤瓒婃潵瓒婂箍娉涖�備釜鎬у寲鍩哄彴鍙互閫氳繃鐮旂(銆侀摳閫犮�丆AD/CAM绛夋柟娉曡繘琛屽埗浣滐紝鍏朵腑CAD/CAM鍒堕�犵殑涓�у寲鍩哄彴鍏锋湁鐮旂(鍜岄摳閫犲熀鍙颁笉鍙瘮鎷熺殑浼樺娍銆�
                     </p>
                     <p class="content">涓嬮潰浠xocad杞欢涓轰緥锛屼粙缁嶄釜鎬у寲閽涘熀鍙板強姘у寲閿嗗熀鍙扮殑CAD璁捐宸ヨ壓娴佺▼銆�</p>
                     <h3 class="thirdTitle">涓�銆佷釜鎬у寲閽涘熀鍙拌璁�</h3>
-                    <p class="content">
-                        閽涘熀鍙版槸鐢遍挍鍚堥噾锛堝張绉颁簲绾ч挍鎴朤i-6Al-4V锛夊埗浣滆�屾垚鐨勩�傞挍鍚堥噾鍖呮嫭6%閾濄��4%閽掋��0.25%锛堟渶澶у�硷級閾併��0.2%锛堟渶澶у�硷級姘э紝鍏朵綑鎴愬垎鍧囦负閽涖�俆i-6Al-4V鍚堥噾寮哄害鏄庢樉浼樹簬宸ヤ笟绾挍锛岃兘鎻愪緵鏇撮珮鐨勬姉鎷夊己搴﹀拰鎶楁柇瑁傛�ц兘锛屽洜姝ょ妞嶄慨澶嶏紝灏ゅ叾鏄悗鐗欑妞嶄慨澶嶉�氬父閲囩敤閽涘熀鍙般��
-                    </p>
-                    <p class="content">閽涘熀鍙扮殑缁撴瀯缁勬垚鍙垎涓虹妞嶄綋杩炴帴閮ㄥ垎銆佸熀鍙扮┛榫堥儴鍒嗗拰鍩哄彴淇杩炴帴閮ㄥ垎锛堝浘4-1-1锛夈��</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0098-01.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-1銆�閽涘熀鍙扮殑缁撴瀯缁勬垚</p>
+                    <div class="txtSurroundRight">
+                        <div class="qrbodyPic">
+                            <img class="openImgBox" src="../../assets/images/0098-01.jpg" style="width:250px"
+                                alt="鍥�4-1-1銆�閽涘熀鍙扮殑缁撴瀯缁勬垚" active="true" />
+                            <p class="imgdescript-b">鍥�4-1-1銆�閽涘熀鍙扮殑缁撴瀯缁勬垚</p>
+                        </div>
+                        <p class="content">
+                            閽涘熀鍙版槸鐢遍挍鍚堥噾锛堝張绉颁簲绾ч挍鎴朤i-6Al-4V锛夊埗浣滆�屾垚鐨勩�傞挍鍚堥噾鍖呮嫭6%閾濄��4%閽掋��0.25%锛堟渶澶у�硷級閾併��0.2%锛堟渶澶у�硷級姘э紝鍏朵綑鎴愬垎鍧囦负閽涖�俆i-6Al-4V鍚堥噾寮哄害鏄庢樉浼樹簬宸ヤ笟绾挍锛岃兘鎻愪緵鏇撮珮鐨勬姉鎷夊己搴﹀拰鎶楁柇瑁傛�ц兘锛屽洜姝ょ妞嶄慨澶嶏紝灏ゅ叾鏄悗鐗欑妞嶄慨澶嶉�氬父閲囩敤閽涘熀鍙般��
+                        </p>
+                        <p class="content">閽涘熀鍙扮殑缁撴瀯缁勬垚鍙垎涓虹妞嶄綋杩炴帴閮ㄥ垎銆佸熀鍙扮┛榫堥儴鍒嗗拰鍩哄彴淇杩炴帴閮ㄥ垎锛堝浘4-1-1锛夈��</p>
+                        <p class="content"><span
+                                class="bold fontGreen">1锛庢壂鎻忔垨瀵煎叆鏁版嵁</span>銆�鎵弿鏂规硶鍙傝�冮」鐩竴浠诲姟浜岀殑鍐呭銆傝幏寰楃墮棰屾ā鍨嬨�佺妞嶄綋鎵弿鏉嗘ā鍨嬪拰浜哄伐鐗欓緢妯″瀷鏁村悎鐨勭妞嶄慨澶嶆暟瀛楁ā鍨嬶紙鍥�4-1-2锛夈��
+                        </p>
                     </div>
                     <p class="content"><span
-                            class="bold">1锛庢壂鎻忔垨瀵煎叆鏁版嵁</span>銆�鎵弿鏂规硶鍙傝�冮」鐩竴浠诲姟浜岀殑鍐呭銆傝幏寰楃墮棰屾ā鍨嬨�佺妞嶄綋鎵弿鏉嗘ā鍨嬪拰浜哄伐鐗欓緢妯″瀷鏁村悎鐨勭妞嶄慨澶嶆暟瀛楁ā鍨嬶紙鍥�4-1-2锛夈��</p>
-                    <p class="content"><span
-                            class="bold">2锛庣妞嶄綋杩炴帴閮ㄥ垎璁捐</span>銆�杩愯Exocad璁捐杞欢鍚庯紝棣栧厛闇�瑕佸湪绉嶆浣撴暟鎹簱涓�夋嫨涓庢壂鎻忔暟鎹浉瀵瑰簲鐨勬壂鎻忔潌鍨嬪彿锛屾暟鎹簱鎵弿鏉嗘ā鍨嬩负榛勮壊鏄剧ず锛屼笅闈㈣繛鎺ラ儴鍒嗘槸鍩哄彴涓庣妞嶄綋杩炴帴閮ㄥ垎鐨勭粨鏋勶紙鍥�4-1-3锛夈�傛壂鎻忔暟鎹殑鎵弿鏉嗕负缁胯壊鏄剧ず銆�
+                            class="bold fontGreen">2锛庣妞嶄綋杩炴帴閮ㄥ垎璁捐</span>銆�杩愯Exocad璁捐杞欢鍚庯紝棣栧厛闇�瑕佸湪绉嶆浣撴暟鎹簱涓�夋嫨涓庢壂鎻忔暟鎹浉瀵瑰簲鐨勬壂鎻忔潌鍨嬪彿锛屾暟鎹簱鎵弿鏉嗘ā鍨嬩负榛勮壊鏄剧ず锛屼笅闈㈣繛鎺ラ儴鍒嗘槸鍩哄彴涓庣妞嶄綋杩炴帴閮ㄥ垎鐨勭粨鏋勶紙鍥�4-1-3锛夈�傛壂鎻忔暟鎹殑鎵弿鏉嗕负缁胯壊鏄剧ず銆�
                     </p>
                     <p class="content">
                         鎸夎蒋浠舵彁绀猴紝鍦ㄦ壂鎻忔ā鍨嬬殑鎵弿鏉嗭紙缁胯壊锛変笂閫夋嫨鐗瑰緛闈笂鐨勪竴鐐癸紝杞欢鑷姩灏嗘暟鎹簱鎵弿鏉嗭紙榛勮壊锛変笌鍏堕厤鍑嗭紝浠庤�岃幏寰楃妞嶄綋鐨勫噯纭綅缃紝骞跺悓鏃跺緱鍒板熀鍙颁笌绉嶆浣撹繛鎺ラ儴鍒嗙殑缁撴瀯浣嶇疆銆�</p>
 
                 </div>
+
+
+
                 <div class="page-bottom-left">082</div>
             </div>
         </div>
-
         <!-- Page 89 (濂囨暟椤�) -->
         <div class="page-box" page="89">
             <div v-if="showPageList.indexOf(89) > -1">
@@ -84,8 +126,9 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0099-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0099-01.jpg" style="width:75%" alt="鍥�4-1-2銆�妯″瀷瀵煎叆鍜岄�夋嫨"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-1-2銆�妯″瀷瀵煎叆鍜岄�夋嫨</p>
                         <p class="imgdescript-l">A锛庡鍏ユā鍨嬶紱B锛庨�夋嫨宸ヤ綔妯″瀷銆�</p>
                     </div>
@@ -93,7 +136,6 @@
                 <div class="page-bottom-right">083</div>
             </div>
         </div>
-
         <!-- Page 90 (鍋舵暟椤�) -->
         <div class="page-box" page="90">
             <div v-if="showPageList.indexOf(90) > -1">
@@ -103,12 +145,13 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0100-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0100-01.jpg" style="width:80%" alt="鍥�4-1-3銆�鏁版嵁搴撲腑閫夋嫨鎵弿鏉�"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-1-3銆�鏁版嵁搴撲腑閫夋嫨鎵弿鏉�</p>
                         <p class="imgdescript-l">A锛庨�夋嫨妯″瀷锛汢锛庨�夋嫨鎵弿鏉嗐��</p>
                     </div>
-                    <p class="content"><span class="bold">3锛庡熀鍙扮┛榫堥儴鍒嗚璁★紙鍥�4-1-4锛�</span></p>
+                    <p class="content"><span class="bold fontGreen titleLeftmove">3锛庡熀鍙扮┛榫堥儴鍒嗚璁★紙鍥�4-1-4锛�</span></p>
                     <p class="content">锛�1锛夊湪浜哄伐鐗欓緢妯″瀷涓婂嬀鐢荤墮榫堣鍙h疆寤撱��</p>
                     <p class="content">锛�2锛夎皟鐢ㄧ墮鍐犳暟鎹簱瀵圭己澶辩墮浣嶈繘琛岄鏈熶慨澶嶄綋鐨勮璁★紝璁捐鏂规硶鍙弬鑰冨叏鍐犺璁°�傞鏈熶慨澶嶇殑鏁堟灉鍙互甯姪鍚庣画纭畾鍩哄彴鐨勫�炬枩瑙掑害锛屽垽鏂摲棰勭暀绌洪棿銆�</p>
                     <p class="content">锛�3锛夎璁″熀鍙扮殑杈圭紭浣嶇疆鍜岀┛榫堣疆寤擄紝閫氳繃鏄剧ず鐨勯鑹叉搴﹀彲浠ュ垽鏂┛榫堥儴鍒嗕笌鐗欓緢鎺ヨЕ鐨勭揣瀵嗙▼搴︼紝榛勮壊琛ㄧず绱у瘑鎺ヨЕ锛岃摑鑹茶〃绀烘湁闂撮殭绌洪棿銆�</p>
@@ -127,13 +170,13 @@
                 </div>
                 <div class="bodystyle">
                     <p class="content">锛�4锛夊皢棰勬湡淇浣撶墮鍐犱笌绌块緢閮ㄥ垎杩炴帴鍦ㄤ竴璧凤紙榫堢紭澶勮嚜鍔ㄧ紳鍚堬級锛屼娇鐢ㄥ姞鍑忓褰㈠伐鍏峰鐗欏啝澶栧舰鍋氳繘涓�姝ヤ慨鏁淬��</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0101-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0101-01.jpg" style="width:75%" alt="鍥�4-1-4銆�鍩哄彴绌块緢閮ㄥ垎璁捐"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-1-4銆�鍩哄彴绌块緢閮ㄥ垎璁捐</p>
-                        <p class="imgdescript-l">A锛�<img class="s-pic" src="../../assets/images/0026_02.png"
-                                alt="" />闈㈣锛汢锛庨鑸岄潰瑙傘��</p>
+                        <p class="imgdescript-l">A锛庰瑢楅潰瑙傦紱B锛庨鑸岄潰瑙傘��</p>
                     </div>
-                    <p class="content"><span class="bold">4锛庡熀鍙颁慨澶嶈繛鎺ラ儴鍒嗚璁�</span></p>
+                    <p class="content"><span class="bold fontGreen titleLeftmove">4锛庡熀鍙颁慨澶嶈繛鎺ラ儴鍒嗚璁�</span></p>
                     <p class="content">锛�1锛夎瀵熷垎鏋愯璁″ソ鐨勯鏈熶慨澶嶄綋褰㈡�侊紝鍒嗘瀽鏂逛究鏈�缁堜慨澶嶄綋灏变綅鐨勬柟鍚戯紝浠庤�岃瀹氫负鍩哄彴鐨勫氨浣嶆柟鍚戯紙鍥�4-1-5锛夈��</p>
 
 
@@ -151,8 +194,9 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0102-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0102-01.jpg" style="width:75%" alt="鍥�4-1-5銆�纭畾灏变綅閬撴柟鍚�"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-1-5銆�纭畾灏变綅閬撴柟鍚�</p>
                         <p class="imgdescript-l">A锛庤皟鏁村氨浣嶆柟鍚戯紱B锛庨厤鍑嗗棰屾ā鍨嬨��</p>
                     </div>
@@ -177,21 +221,22 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0103-01.jpg" style="width:50%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-6銆�base+姘у寲閿嗗熀鍙�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0103-01.jpg" style="width:50%" alt="鍥�4-1-6銆�base+姘у寲閿嗗熀鍙�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-6銆�base+姘у寲閿嗗熀鍙�</p>
                     </div>
                     <p class="content"><span
-                            class="bold">1锛庢壂鎻忔垨瀵煎叆鏁版嵁</span>銆�鑾峰緱鐗欓妯″瀷銆佺妞嶄綋鎵弿鏉嗘ā鍨嬪拰浜哄伐鐗欓緢妯″瀷鏁村悎鐨勭妞嶄慨澶嶆暟瀛楁ā鍨嬨�傝鍗曠晫闈㈠鍥�4-1-7鎵�绀恒��</p>
+                            class="bold fontGreen">1锛庢壂鎻忔垨瀵煎叆鏁版嵁</span>銆�鑾峰緱鐗欓妯″瀷銆佺妞嶄綋鎵弿鏉嗘ā鍨嬪拰浜哄伐鐗欓緢妯″瀷鏁村悎鐨勭妞嶄慨澶嶆暟瀛楁ā鍨嬨�傝鍗曠晫闈㈠鍥�4-1-7鎵�绀恒��</p>
                     <p class="content"><span
-                            class="bold">2锛庨�夋嫨瀵逛綅绉嶆閽沚ase鎵弿鏉�</span>銆�杩愯Exocad璁捐杞欢鍚庯紝棣栧厛闇�瑕佸湪绉嶆鏁版嵁搴撲腑閫夋嫨鐩稿簲閽沚ase鎵弿鏉嗭紝灏嗗叾涓庢ā鍨嬫壂鎻忔潌杩涜閰嶅噯锛岃幏寰楃妞嶉挍base鐨勫氨浣嶄俊鎭紝骞惰嚜鍔ㄨ幏寰椾笌閽沚ase鐩稿尮閰嶇殑鍩哄彴鍐呴儴灏哄锛堝浘4-1-8锛夈��
+                            class="bold fontGreen">2锛庨�夋嫨瀵逛綅绉嶆閽沚ase鎵弿鏉�</span>銆�杩愯Exocad璁捐杞欢鍚庯紝棣栧厛闇�瑕佸湪绉嶆鏁版嵁搴撲腑閫夋嫨鐩稿簲閽沚ase鎵弿鏉嗭紝灏嗗叾涓庢ā鍨嬫壂鎻忔潌杩涜閰嶅噯锛岃幏寰楃妞嶉挍base鐨勫氨浣嶄俊鎭紝骞惰嚜鍔ㄨ幏寰椾笌閽沚ase鐩稿尮閰嶇殑鍩哄彴鍐呴儴灏哄锛堝浘4-1-8锛夈��
                     </p>
                     <p class="content"><span
-                            class="bold">3锛庡熀鍙扮┛榫堥儴鍒嗚璁�</span>銆�涓庨挍鍩哄彴绌块緢閮ㄥ垎璁捐鍩烘湰鐩稿悓銆傜粡杩囨彁鍙栫墮榫堣鍙h疆寤撱�佽璁¢鏈熶慨澶嶄綋銆佽璁″熀鍙拌竟缂樹綅缃拰绌块緢杞粨绛夋楠わ紙鍥�4-1-9銆佸浘4-1-10锛夛紝瀹屾垚閽沚ase+姘у寲閿嗗熀鍙扮┛榫堥儴鍒嗙殑褰㈡�佽璁★紙鍥�4-1-11锛夈��
+                            class="bold fontGreen">3锛庡熀鍙扮┛榫堥儴鍒嗚璁�</span>銆�涓庨挍鍩哄彴绌块緢閮ㄥ垎璁捐鍩烘湰鐩稿悓銆傜粡杩囨彁鍙栫墮榫堣鍙h疆寤撱�佽璁¢鏈熶慨澶嶄綋銆佽璁″熀鍙拌竟缂樹綅缃拰绌块緢杞粨绛夋楠わ紙鍥�4-1-9銆佸浘4-1-10锛夛紝瀹屾垚閽沚ase+姘у寲閿嗗熀鍙扮┛榫堥儴鍒嗙殑褰㈡�佽璁★紙鍥�4-1-11锛夈��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0103-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-7銆�姘у寲閿嗚鍗曠晫闈�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0103-02.jpg" style="width:75%" alt="" active="true" />
+                        <p class="imgdescript-b">鍥�4-1-7銆�姘у寲閿嗚鍗曠晫闈�</p>
                     </div>
 
                 </div>
@@ -208,14 +253,16 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0104-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0104-01.jpg" style="width:75%" alt="鍥�4-1-8銆�鏁版嵁涓婁紶鍜岄�夋嫨鎵弿鏉�"
+                            active="true" />
                         <p class="imgdescript-l-b">鍥�4-1-8銆�鏁版嵁涓婁紶鍜岄�夋嫨鎵弿鏉�</p>
                         <p class="imgdescript-l">A锛庝笂浼犳暟鎹紱B锛庨�夋嫨鎵弿鏉嗐��</p>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0104-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-9銆�鑾峰彇棰堢紭褰㈡�佷綅缃�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0104-02.jpg" style="width:75%" alt="鍥�4-1-9銆�鑾峰彇棰堢紭褰㈡�佷綅缃�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-9銆�鑾峰彇棰堢紭褰㈡�佷綅缃�</p>
                     </div>
 
                 </div>
@@ -231,20 +278,23 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0105-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-10銆�鑾峰彇閽沚ase鐨勪綅缃�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0105-01.jpg" style="width:75%" alt="鍥�4-1-10銆�鑾峰彇閽沚ase鐨勪綅缃�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-10銆�鑾峰彇閽沚ase鐨勪綅缃�</p>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0105-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-11銆�绌块緢閮ㄥ垎璁捐</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0105-02.jpg" style="width:75%" alt="鍥�4-1-11銆�绌块緢閮ㄥ垎璁捐"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-11銆�绌块緢閮ㄥ垎璁捐</p>
                     </div>
                     <p class="content"><span
-                            class="bold">4锛庡熀鍙颁慨澶嶈繛鎺ラ儴鍒嗚璁�</span>銆�鍙傝�冮挍鍩哄彴淇杩炴帴閮ㄥ垎璁捐銆傝璁″唴瀹瑰寘鎷鏈熶慨澶嶄綋灏变綅鏂瑰悜纭畾銆佸熀鍙伴珮搴﹀拰杞撮潰褰㈡�佽璁°�佸鍩哄彴澶栧舰杩涜鏈�缁堢殑淇暣绛夈�傝皟鏁寸墮鍐犳柟鍚戝鍥�4-1-12鎵�绀猴紝纭畾灏变綅鏂瑰悜濡傚浘4-1-13鎵�绀恒�傚悗鏈熺粡鏁版帶鍒囧墛璁惧鍔犲伐瀹屾垚銆�
+                            class="bold fontGreen">4锛庡熀鍙颁慨澶嶈繛鎺ラ儴鍒嗚璁�</span>銆�鍙傝�冮挍鍩哄彴淇杩炴帴閮ㄥ垎璁捐銆傝璁″唴瀹瑰寘鎷鏈熶慨澶嶄綋灏变綅鏂瑰悜纭畾銆佸熀鍙伴珮搴﹀拰杞撮潰褰㈡�佽璁°�佸鍩哄彴澶栧舰杩涜鏈�缁堢殑淇暣绛夈�傝皟鏁寸墮鍐犳柟鍚戝鍥�4-1-12鎵�绀猴紝纭畾灏变綅鏂瑰悜濡傚浘4-1-13鎵�绀恒�傚悗鏈熺粡鏁版帶鍒囧墛璁惧鍔犲伐瀹屾垚銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0105-03.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-12銆�璋冩暣鐗欏啝鏂瑰悜</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0105-03.jpg" style="width:75%" alt="鍥�4-1-12銆�璋冩暣鐗欏啝鏂瑰悜"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-12銆�璋冩暣鐗欏啝鏂瑰悜</p>
                     </div>
 
                 </div>
@@ -261,25 +311,25 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0106-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-1-13銆�纭畾灏变綅鏂瑰悜</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0106-01.jpg" style="width:75%" alt="鍥�4-1-13銆�纭畾灏变綅鏂瑰悜"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-1-13銆�纭畾灏变綅鏂瑰悜</p>
                     </div>
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">绉嶆浣撲笌鍩哄彴鐨勮繛鎺ユ柟寮�</span></p>
-                    <p class="quotation">绉嶆浣撲笌鍩哄彴閫氳繃涓�瀹氱粨鏋勮繛鎺ワ紝鍏惰繛鎺ユ柟寮忓彂鎸ヤ紶閫掑垎鏁�<img class="s-pic"
-                            src="../../assets/images/0026_02.png"
-                            alt="" />鍔涖�佹姉鏃嬭浆绛夊姛鑳姐�傜粡杩囧骞村彂灞曪紝杩炴帴鏂瑰紡浠庢渶鍒濈殑澶栬繛鎺ユ柟寮忓彂灞曞埌鐩墠甯哥敤鐨勫唴杩炴帴鏂瑰紡锛屽湪绠�鍗曞钩闈㈠鎺ワ紙simple butt
-                        joint锛夌殑鍩虹涓婂彂灞曞嚭婊戦厤瀵规帴锛坰lip-fit锛夊拰鎽╂摝瀵规帴锛坒riction-fit锛夛紝鍖呮嫭鍐呭叚瑙掕繛鎺ワ紙hexagonal锛夈�佸唴鍏杩炴帴锛坥ctagonal锛夈�佸叚妫辨煴杩炴帴锛坈ylinder
-                        hex锛夈�佽姳閿繛鎺ワ紙spline锛夈�佷笁閫氶亾杩炴帴锛坱ri-channel锛夌瓑杩炴帴鏂瑰紡銆傝嫢閲戝睘鍩哄彴鑲╁彴楂樺害涓庝复搴婄墮榫堣竟缂橀珮搴︿笉鍖归厤锛屽垯鏄撳嚭鐜伴噾灞炶壊鏄鹃湶鐨勯棶棰樸�傚嚭浜庣編瑙傝姹傦紝闄ら挍銆佷笉閿堥挗绛夐噾灞炴潗鏂欏锛屼复搴婁篃寮�濮嬪簲鐢ㄤ互姘у寲閿嗕负浠h〃鐨勭摲鍩哄彴锛屼互鍙婅仛閱氶啔閰埗浣滅殑涓存椂鍩哄彴銆傚凡鏈夌爺绌舵樉绀猴紝绉嶆浣�-鍩哄彴鐨勮繛鎺ユ柟寮忋�佸熀鍙版潗鏂欍�佸熀鍙拌灪涓濈殑鏃嬪叆鎵煩绛夊洜绱犲潎鍙奖鍝嶇妞嶄綋-鍩哄彴寰棿闅欑殑澶у皬銆佺粏鑿屽畾妞嶅強浣胯灪涓濇澗鍔紝杩涜�屽奖鍝嶇妞嶄慨澶嶆晥鏋溿��
-                    </p>
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">绉嶆浣撲笌鍩哄彴鐨勮繛鎺ユ柟寮�</span></p>
+                        <p class="quotation">
+                            绉嶆浣撲笌鍩哄彴閫氳繃涓�瀹氱粨鏋勮繛鎺ワ紝鍏惰繛鎺ユ柟寮忓彂鎸ヤ紶閫掑垎鏁p瑢楀姏銆佹姉鏃嬭浆绛夊姛鑳姐�傜粡杩囧骞村彂灞曪紝杩炴帴鏂瑰紡浠庢渶鍒濈殑澶栬繛鎺ユ柟寮忓彂灞曞埌鐩墠甯哥敤鐨勫唴杩炴帴鏂瑰紡锛屽湪绠�鍗曞钩闈㈠鎺ワ紙simple butt
+                            joint锛夌殑鍩虹涓婂彂灞曞嚭婊戦厤瀵规帴锛坰lip-fit锛夊拰鎽╂摝瀵规帴锛坒riction-fit锛夛紝鍖呮嫭鍐呭叚瑙掕繛鎺ワ紙hexagonal锛夈�佸唴鍏杩炴帴锛坥ctagonal锛夈�佸叚妫辨煴杩炴帴锛坈ylinder
+                            hex锛夈�佽姳閿繛鎺ワ紙spline锛夈�佷笁閫氶亾杩炴帴锛坱ri-channel锛夌瓑杩炴帴鏂瑰紡銆傝嫢閲戝睘鍩哄彴鑲╁彴楂樺害涓庝复搴婄墮榫堣竟缂橀珮搴︿笉鍖归厤锛屽垯鏄撳嚭鐜伴噾灞炶壊鏄鹃湶鐨勯棶棰樸�傚嚭浜庣編瑙傝姹傦紝闄ら挍銆佷笉閿堥挗绛夐噾灞炴潗鏂欏锛屼复搴婁篃寮�濮嬪簲鐢ㄤ互姘у寲閿嗕负浠h〃鐨勭摲鍩哄彴锛屼互鍙婅仛閱氶啔閰埗浣滅殑涓存椂鍩哄彴銆傚凡鏈夌爺绌舵樉绀猴紝绉嶆浣�-鍩哄彴鐨勮繛鎺ユ柟寮忋�佸熀鍙版潗鏂欍�佸熀鍙拌灪涓濈殑鏃嬪叆鎵煩绛夊洜绱犲潎鍙奖鍝嶇妞嶄綋-鍩哄彴寰棿闅欑殑澶у皬銆佺粏鑿屽畾妞嶅強浣胯灪涓濇澗鍔紝杩涜�屽奖鍝嶇妞嶄慨澶嶆晥鏋溿��
+                        </p>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
                     <p class="content">鏁板瓧鍖栫妞嶄釜鎬у熀鍙拌璁′换鍔¤瘎浠锋爣鍑嗚琛�4-1-1銆�</p>
-                    <p class="imgtitle">琛�4-1-1銆�鏁板瓧鍖栫妞嶄釜鎬у熀鍙拌璁′换鍔¤瘎浠锋爣鍑�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0106-03.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-
+                    <p class="imgtitle bold">琛�4-1-1銆�鏁板瓧鍖栫妞嶄釜鎬у熀鍙拌璁′换鍔¤瘎浠锋爣鍑�</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0106-03.jpg"
+                            style="width:100%;margin-top: -10px;" alt="琛�4-1-1銆�鏁板瓧鍖栫妞嶄釜鎬у熀鍙拌璁′换鍔¤瘎浠锋爣鍑�" active="true" /></div>
                 </div>
                 <div class="page-bottom-left">090</div>
             </div>
@@ -294,16 +344,30 @@
                 </div>
                 <div class="bodystyle">
                     <h2 class="secondTitle">浠诲姟浜屻��绉嶆鍩哄彴涓婇儴鍐犺璁�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">绉嶆涓�鏈熶慨澶嶅凡瀹屾垚锛屽彛鍐呮壂鎻忔暟鎹凡涓婁紶锛屾牴鎹嵃妯℃暟鎹紝鍦ㄧ妞嶅熀鍙颁笂璁捐鍐狅紝鍐犱慨澶嶄綋瑕佹眰鍋�<img class="s-pic"
-                            src="../../assets/images/0026_02.png" alt="" />闈㈠紑瀛旇璁°��</p>
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">1锛庣妞嶅啝淇鐨勬柟寮忔湁鍝簺锛�</p>
-                    <p class="content">2锛庣妞嶅啝寮�瀛旈儴浣嶆湁鏃犲叿浣撹姹傦紵</p>
-                    <p class="content">3锛庣妞嶅啝涓庤В鍓栧啝鐨勮璁″尯鍒湁鍝簺锛�</p>
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title">妗堜緥瀵煎叆</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">绉嶆涓�鏈熶慨澶嶅凡瀹屾垚锛屽彛鍐呮壂鎻忔暟鎹凡涓婁紶锛屾牴鎹嵃妯℃暟鎹紝鍦ㄧ妞嶅熀鍙颁笂璁捐鍐狅紝鍐犱慨澶嶄綋瑕佹眰鍋氿瑢楅潰寮�瀛旇璁°��</p>
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">1锛庣妞嶅啝淇鐨勬柟寮忔湁鍝簺锛�</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.fore" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">2锛庣妞嶅啝寮�瀛旈儴浣嶆湁鏃犲叿浣撹姹傦紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">3锛庣妞嶅啝涓庤В鍓栧啝鐨勮璁″尯鍒湁鍝簺锛�</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">
                         鍐犻儴褰㈡�佸奖鍝嶇墮榻跨殑鍙戦煶銆佺編瑙傘�佸拃鍤煎姛鑳斤紝绉嶆浣撴鍏ュ悗锛屽熀鍙板畨瑁呭畬鎴愬彲鑾峰緱琚栧彛褰㈡�佷綅缃紝浣跨敤CAD鎶�鏈璁″叏鍐犱慨澶嶄綋姣斾紶缁熶慨澶嶆洿渚挎嵎銆備笅闈㈢畝鍗曚粙缁嶇妞嶅熀鍙颁笂閮ㄥ啝鐨勮璁★紝涓哄悗鏈熺妞嶅啝妗ヨ璁℃墦涓嬪熀纭�锛岃缁嗗弬闃呴」鐩洓浠诲姟涓夈��
                     </p>
@@ -327,10 +391,11 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0108-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0108-01.jpg" style="width:90%" alt="鍥�4-2-1銆�鍩哄彴杩炴帴鏂瑰紡"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-2-1銆�鍩哄彴杩炴帴鏂瑰紡</p>
-                        <p class="imgdescript">A锛庡杩炴帴锛汢锛庡唴杩炴帴銆�</p>
+                        <p class="imgdescript-l">A锛庡杩炴帴锛汢锛庡唴杩炴帴銆�</p>
                     </div>
                     <p class="content">澶栬繛鎺ョ殑鐗圭偣濡備笅銆�</p>
                     <p class="content">锛�1锛夊熀鍙板嚫璧凤紝浣嗛珮搴﹀彈鍒伴緢鍚堣窛绂荤殑闄愬埗锛屼粠鑰屽墛寮变簡鍏堕槻鏃嬭浆鍔熻兘銆�</p>
@@ -345,21 +410,18 @@
                     <p class="content">
                         Exocad杞欢璁㈠崟璁剧疆濡備笅锛氫笂棰岀妞嶅熀鐗欓�夋嫨铚″瀷鍥炲垏锛岀妞嶇被鍨嬩负铻轰笣鍥轰綅锛涚妞嶆ˉ浣撻�夋嫨铚″瀷缂哄け鐗欙紱涓嬮妯″瀷閫夋嫨瀵归鐗欍�傝鍗曚腑瑜愯壊琛ㄧず绉嶆鍩虹墮锛岀孩鑹茶〃绀鸿湣鍨嬫ˉ浣擄紝绱壊琛ㄧず鏉嗗崱妗ユ銆傞�夋嫨鎵弿浜哄伐鐗欓緢鍜屽棰屾ā鍨嬨��
                     </p>
+                    <bookVideo :videoInfo="getResourceInfo('D6')" :BookId="config.activeBook.bookId"></bookVideo>
                     <h3 class="thirdTitle">涓�銆佹壂鎻忔垨瀵煎叆鏁版嵁</h3>
-                    <div class="bodyPic"><img src="../../assets/images/0108-02.jpg" style="width:30%" alt=""
-                            active="true" /></div>
-                    <p class="content">鎵弿鏃惰鐗瑰埆娉ㄦ剰浠ヤ笅涓ょ偣锛屼互纭繚鎵弿鐨勫噯纭�с��</p>
+                    <p class="content titleLeftmove">鎵弿鏃惰鐗瑰埆娉ㄦ剰浠ヤ笅涓ょ偣锛屼互纭繚鎵弿鐨勫噯纭�с��</p>
                     <p class="content">锛�1锛夊浐瀹氱妞嶆ā鍨嬶紝淇濊瘉鎵弿鏃剁ǔ瀹氥��</p>
                     <p class="content">锛�2锛夋壂鎻忕妞嶄綋鎵弿鏉嗘椂锛屽敖閲忔妸鎵�鏈夌妞嶄綋鍚屾椂瀹夎涓婃壂鎻忔潌锛屼竴娆″畬鎴愭壂鎻忋��</p>
                     <h3 class="thirdTitle">浜屻�佺妞嶄綋杩炴帴閮ㄥ垎璁捐</h3>
                     <p class="content">
                         杩愯Exocad璁捐杞欢鍚庯紝棣栧厛闇�瑕佸湪绉嶆鏁版嵁搴撲腑閫夋嫨鐩稿簲绉嶆绯荤粺鐨勬壂鎻忔潌鏁版嵁锛屼笌閽涘熀鍙拌璁$浉鍚岋紝閫愪竴涓庢ā鍨嬫壂鎻忔潌閰嶅噯锛屼粠鑰岃嚜鍔ㄨ幏寰楃妞嶄綋鐨勭浉搴斾綅缃紝骞剁敓鎴愮妞嶄綋杩炴帴閮ㄥ垎鐨勫舰鎬併��</p>
-
                 </div>
                 <div class="page-bottom-left">092</div>
             </div>
         </div>
-
         <!-- Page 99 (濂囨暟椤�) -->
         <div class="page-box" page="99">
             <div v-if="showPageList.indexOf(99) > -1">
@@ -376,22 +438,19 @@
                     <p class="content">閫夋嫨杞欢鐨勫洖鍒囧姛鑳藉皢绉嶆妗ョ編瀛﹁湣鍨嬬殑瑙e墫褰㈡�佽繘琛屽洖鍒囷紝涓洪グ闈㈢摲棰勭暀鍑鸿冻澶熺殑绌洪棿銆傜劧鍚庣敤杞欢鐨勫姞鍑忓褰㈠伐鍏疯繘琛岀簿缁嗙殑澶栧舰淇暣锛屾渶缁堝畬鎴愯灪涓濆浐浣嶆ˉ鐨勫褰㈣璁°��</p>
                     <h3 class="thirdTitle">鍏�佽灪涓濆瓟璁捐</h3>
                     <p class="content">铻轰笣鐨勫紑瀛旀柟鍚戞槸杞欢鏍规嵁绉嶆浣撲綅缃嚜鍔ㄧ敓鎴愮殑锛屾妧甯堝彲浠ユ牴鎹疄闄呴渶瑕佽瀹氥�佹洿鏀硅灪涓濆瓟鐨勭洿寰勫拰楂樺害浣嶇疆銆傚悗鏈熺粡鏁版帶鍒囧墛璁惧鍔犲伐瀹屾垚銆�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">绉嶆淇浣撶殑鍏ㄥ啝鍥轰綅褰㈠紡</span></p>
-                    <p class="quotation">
-                        铻轰笣鍥轰綅鎸囬�氳繃涓�浣撳啝鎴栭摳閫犲熀鍙帮紝灏嗕慨澶嶄綋涓庣妞嶄綋浠ヨ灪涓濆舰寮忚繛鎺ャ�傜矘鎺ュ浐浣嶄慨澶嶄綋閫氬父鍏堝皢鍩哄彴閫氳繃铻轰笣鍥哄畾浜庣妞嶄綋涓婏紝鍔犲姏鍒颁竴瀹氱殑鎵煩锛岀劧鍚庨�氳繃绮樻帴鍓傚皢鍩哄彴涓庡啝鐩歌繛锛屽綋鍓嶇墮鐨勫熀鍙扮┛鍑轰綅缃湪鍞囦晶锛屾垨鍚庣墮鍩哄彴鐨勭┛鍑轰綅缃笉鍦ㄧ墮鍐�<img
-                            class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />闈㈡涓椂锛屼复搴婂尰鐢熷父閫夋嫨绮樻帴鍥轰綅銆傜浉姣斾簬铻轰笣鍥轰綅鏉ヨ锛岀矘鎺ュ浐浣嶇殑淇浣撹緝涓虹編瑙傦紝浣嗛毦浠ョ淮鎶ゃ�傛贩鍚堝浐浣嶏紝鍙堢О鏀硅壇鐗堢矘鎺ュ浐浣嶆垨鏀硅壇鐗堣灪涓濆浐浣嶏紝鍗充负浜嗕究浜庡悗鏈熺淮鎶わ紝鍦ㄧ矘鎺ュ浐浣嶇殑鍩虹涓婏紝鍙堝鍔犱簡铻轰笣瀛斻�備复搴婁笂锛屾妧甯堥鍏堝湪浣撳灏嗗啝涓庡熀鍙伴�氳繃绮樻帴鍓傝繛鎺ヨ捣鏉ワ紝鍐嶅湪鍏朵笂閮ㄥ鍔犱竴涓灪涓濆瓟锛屾渶鍚庣敱涓村簥鍖荤敓鍦ㄥ彛鍐呭埄鐢ㄨ灪涓濆皢鍐犲拰鍩哄彴鍥哄畾浜庣妞嶄綋涓娿�傚疄闄呬笂锛屾贩鍚堝浐浣嶅舰寮忚姹傜殑鍜悎绌洪棿涓庣矘鎺ュ浐浣嶇被浼硷紝鍚屾椂涔熷吋鍏疯灪涓濆浐浣嶅拰绮樻帴鍥轰綅鐨勪紭缂虹偣锛屼紭鐐瑰鍦ㄤ綋澶栫矘鎺ュ彲閬垮厤绮樻帴鍓傜殑娈嬬暀銆佷究浜庣淮鎶わ紝缂虹偣濡傞渶瑕佹弧瓒崇矘鎺ヤ慨澶嶇殑绌洪棿銆佷笉缇庤绛夈��
-                    </p>
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">绉嶆淇浣撶殑鍏ㄥ啝鍥轰綅褰㈠紡</span></p>
+                        <p class="quotation">
+                            铻轰笣鍥轰綅鎸囬�氳繃涓�浣撳啝鎴栭摳閫犲熀鍙帮紝灏嗕慨澶嶄綋涓庣妞嶄綋浠ヨ灪涓濆舰寮忚繛鎺ャ�傜矘鎺ュ浐浣嶄慨澶嶄綋閫氬父鍏堝皢鍩哄彴閫氳繃铻轰笣鍥哄畾浜庣妞嶄綋涓婏紝鍔犲姏鍒颁竴瀹氱殑鎵煩锛岀劧鍚庨�氳繃绮樻帴鍓傚皢鍩哄彴涓庡啝鐩歌繛锛屽綋鍓嶇墮鐨勫熀鍙扮┛鍑轰綅缃湪鍞囦晶锛屾垨鍚庣墮鍩哄彴鐨勭┛鍑轰綅缃笉鍦ㄧ墮鍐狆瑢楅潰姝d腑鏃讹紝涓村簥鍖荤敓甯搁�夋嫨绮樻帴鍥轰綅銆傜浉姣斾簬铻轰笣鍥轰綅鏉ヨ锛岀矘鎺ュ浐浣嶇殑淇浣撹緝涓虹編瑙傦紝浣嗛毦浠ョ淮鎶ゃ�傛贩鍚堝浐浣嶏紝鍙堢О鏀硅壇鐗堢矘鎺ュ浐浣嶆垨鏀硅壇鐗堣灪涓濆浐浣嶏紝鍗充负浜嗕究浜庡悗鏈熺淮鎶わ紝鍦ㄧ矘鎺ュ浐浣嶇殑鍩虹涓婏紝鍙堝鍔犱簡铻轰笣瀛斻�備复搴婁笂锛屾妧甯堥鍏堝湪浣撳灏嗗啝涓庡熀鍙伴�氳繃绮樻帴鍓傝繛鎺ヨ捣鏉ワ紝鍐嶅湪鍏朵笂閮ㄥ鍔犱竴涓灪涓濆瓟锛屾渶鍚庣敱涓村簥鍖荤敓鍦ㄥ彛鍐呭埄鐢ㄨ灪涓濆皢鍐犲拰鍩哄彴鍥哄畾浜庣妞嶄綋涓娿�傚疄闄呬笂锛屾贩鍚堝浐浣嶅舰寮忚姹傜殑鍜悎绌洪棿涓庣矘鎺ュ浐浣嶇被浼硷紝鍚屾椂涔熷吋鍏疯灪涓濆浐浣嶅拰绮樻帴鍥轰綅鐨勪紭缂虹偣锛屼紭鐐瑰鍦ㄤ綋澶栫矘鎺ュ彲閬垮厤绮樻帴鍓傜殑娈嬬暀銆佷究浜庣淮鎶わ紝缂虹偣濡傞渶瑕佹弧瓒崇矘鎺ヤ慨澶嶇殑绌洪棿銆佷笉缇庤绛夈��
+                        </p>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
                     <p class="content">绉嶆鍩哄彴涓婇儴鍐犵殑璁捐浠诲姟璇勪环鏍囧噯瑙佽〃4-2-1銆�</p>
-
                 </div>
                 <div class="page-bottom-right">093</div>
             </div>
         </div>
-
         <!-- Page 100 (鍋舵暟椤�) -->
         <div class="page-box" page="100">
             <div v-if="showPageList.indexOf(100) > -1">
@@ -401,18 +460,29 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <p class="imgtitle">琛�4-2-1銆�绉嶆鍩哄彴涓婇儴鍐犵殑璁捐浠诲姟璇勪环鏍囧噯</p>
-                    <div class="bodyPic"><img src="../../assets/images/0110-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+                    <p class="imgtitle bold">琛�4-2-1銆�绉嶆鍩哄彴涓婇儴鍐犵殑璁捐浠诲姟璇勪环鏍囧噯</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0110-01.jpg"
+                            style="width:100%;margin-top: -10px;" alt="" active="true" /></div>
                     <h2 class="secondTitle">浠诲姟涓夈��绉嶆铻轰笣鍥轰綅妗ヨ璁�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">鎺ュ埌璁捐璁㈠崟锛屾棤鐗欓鎮h�呭畬鎴愮妞嶄竴鏈熸鍏ユ墜鏈紝鐜拌姹傚仛鍐犳ˉ淇缂哄け鐗欍�佹仮澶嶅彛鑵斿姛鑳姐��</p>
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">1锛庡啝妗ヨ璁¢�傚悎鍝竴绫绘偅鑰咃紵</p>
-                    <p class="content">2锛庡啝妗ヨ璁″寘鎷摢鍑犱釜鍏抽敭姝ラ锛�</p>
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title">妗堜緥瀵煎叆</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">鎺ュ埌璁捐璁㈠崟锛屾棤鐗欓鎮h�呭畬鎴愮妞嶄竴鏈熸鍏ユ墜鏈紝鐜拌姹傚仛鍐犳ˉ淇缂哄け鐗欍�佹仮澶嶅彛鑵斿姛鑳姐��</p>
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">1锛庡啝妗ヨ璁¢�傚悎鍝竴绫绘偅鑰咃紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">2锛庡啝妗ヨ璁″寘鎷摢鍑犱釜鍏抽敭姝ラ锛�</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.eight" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">
                         浣跨敤CAD鎶�鏈璁′釜鎬у寲鍩哄彴鍙槸绉嶆璁捐杞欢鍔熻兘鐨勪竴閮ㄥ垎锛屾洿涓昏鐨勫簲鐢ㄥ湪浜庤璁$妞嶈灪涓濆浐浣嶆ˉ銆備紶缁熷�熷姪閾搁�犳妧鏈埗浣滅妞嶈灪涓濆浐浣嶆ˉ锛岀敱浜庤湣鍨嬪彉褰㈤摳閫犵己闄风瓑鍚勭闂闅句互瑙e喅锛屽鑷村埗浣滅簿搴﹂毦浠ユ帶鍒讹紝杈句笉鍒扮妞嶄慨澶嶇簿纭鍔ㄥ氨浣嶇殑涓村簥瑕佹眰锛屽悓鏃朵笉鍙伩鍏嶅嚭鐜伴噾灞炲唴閮ㄧ殑璐ㄩ噺缂洪櫡銆傝�孋AD/CAM鎶�鏈簿纭�佸彲闈犮�佺伒娲荤殑鐗圭偣浣垮緱鍒朵綔绗﹀悎涓村簥闇�姹傜殑绉嶆铻轰笣鍥轰綅妗ュ彉寰楃浉瀵瑰鏄擄紝鏋佸ぇ鍦颁績杩涗簡铻轰笣鍥轰綅鎶�鏈湪涓村簥鐨勫箍娉涘簲鐢ㄣ��
                     </p>
@@ -424,7 +494,6 @@
                 <div class="page-bottom-left">094</div>
             </div>
         </div>
-
         <!-- Page 101 (濂囨暟椤�) -->
         <div class="page-box" page="101">
             <div v-if="showPageList.indexOf(101) > -1">
@@ -433,9 +502,10 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0111-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�4-3-1銆�绉嶆铻轰笣鍥哄畾妗ヨ鍗曡璁�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0111-01.jpg" style="width:70%" alt="鍥�4-3-1銆�绉嶆铻轰笣鍥哄畾妗ヨ鍗曡璁�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-3-1銆�绉嶆铻轰笣鍥哄畾妗ヨ鍗曡璁�</p>
                     </div>
                     <h3 class="thirdTitle">涓�銆佸埗浣滅妞嶇編瀛﹀姛鑳借湣鍨�</h3>
                     <p class="content">CAD璁捐涔嬪墠闇�瑕佸厛鍦ㄧ妞嶇煶鑶忔ā鍨嬩笂鍒朵綔缇庡鍔熻兘铚″瀷銆傚湪绉嶆鍩哄彴涓婂畨瑁呬复鏃跺熀鍙帮紝骞剁敤绾㈣壊鏍戣剛灏嗗熀鍙拌繛鎺ヨ捣鏉ヨ捣鍒板姞寮轰綔鐢紝鐢辨妧甯堟墜宸ュ埗浣滃嚭绉嶆缇庡鍔熻兘铚″瀷銆�</p>
@@ -472,13 +542,13 @@
                     <p class="content">
                         閫夋嫨杞欢鐨勫洖鍒囧姛鑳藉皢绉嶆妗ョ編瀛﹁湣鍨嬬殑瑙e墫褰㈡�佽繘琛屽洖鍒囷紝涓洪グ闈㈢摲棰勭暀鍑鸿冻澶熺殑绌洪棿锛堝浘4-3-2锛夈�傜劧鍚庣敤杞欢鐨勫姞鍑忓褰㈠伐鍏疯繘琛岀簿缁嗙殑澶栧舰淇暣锛屾渶缁堝畬鎴愯灪涓濆浐浣嶆ˉ鐨勫褰㈣璁★紙鍥�4-3-3锛夈��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0112-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-3-2銆�鍥炲垏铚″瀷</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0112-01.jpg" style="width:75%" alt="鍥�4-3-2銆�鍥炲垏铚″瀷" active="true" />
+                        <p class="imgdescript-b">鍥�4-3-2銆�鍥炲垏铚″瀷</p>
                     </div>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0112-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-3-3銆�淇グ瀹屾垚</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0112-02.jpg" style="width:75%" alt="鍥�4-3-3銆�淇グ瀹屾垚" active="true" />
+                        <p class="imgdescript-b">鍥�4-3-3銆�淇グ瀹屾垚</p>
                     </div>
                     <h3 class="thirdTitle">涓冦�佽灪涓濆瓟璁捐</h3>
                     <p class="content">铻轰笣鐨勫紑瀛旀柟鍚戞槸杞欢鏍规嵁绉嶆浣撲綅缃嚜鍔ㄧ敓鎴愮殑锛屾妧甯堝彲浠ユ牴鎹疄闄呴渶瑕佽瀹氥�佹洿鏀硅灪涓濆瓟鐨勭洿寰勫拰楂樺害浣嶇疆銆傚悗鏈熺粡鏁版帶鍒囧墛璁惧鍔犲伐瀹屾垚銆�</p>
@@ -497,20 +567,21 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">璇婃柇铚″瀷鐨勫埗浣�</span></p>
-                    <p class="quotation">
-                        璇婃柇铚″瀷鐨勫埗浣滃浜庝慨澶嶄复搴婂伐浣滄湁鐫�閲嶈鑰岀Н鏋佺殑鎰忎箟銆傞鍏堬紝璇婃柇铚″瀷鍙互甯姪涓村簥鍖荤敓鏇村ソ鍦拌璇嗘不鐤楄璁$殑鍙鎬у拰鍙兘鍑虹幇鐨勯棶棰橈紝鏈夊姪浜庢嫇灞曞拰淇敼娌荤枟璁捐鎬濊矾銆傚挨鍏跺浜庝竴浜涘鏉傜梾渚嬶紝閫氳繃鍒朵綔璇婃柇铚″瀷锛屼复搴婂尰鐢熷彲浠ユ洿濂藉湴鍒嗘瀽鐥呬緥鐗圭偣锛屽苟閫氳繃铚″瀷鎭㈠鎮g墮缇庤涓庡姛鑳芥柟闈㈢殑瑕佹眰锛屼粠涓彂鐜板彲鑳藉嚭鐜扮殑闂锛屼互渚胯繘涓�姝ュ畬鍠勬不鐤楄璁°�傚叾娆★紝璇婃柇铚″瀷鍦ㄧ鐮斿拰鏁欏鏂归潰涔熻暣鍚潃涓板瘜鐨勪环鍊笺�備綔涓烘柊鐨勭鐮斿強鏁欏璧勬枡锛岃瘖鏂湣鍨嬪叿鏈夊舰璞$洿瑙傘�佹槗浜庝繚瀛樺強鏌ラ槄绛変紭鐐癸紝鍏锋湁杈冨ぇ鐨勫彂灞曠┖闂淬�傛渶鍚庯紝璇婃柇铚″瀷鏈夊姪浜庡姞寮哄尰鎮d氦娴侊紝浣挎偅鑰呰兘澶熸洿濂藉湴鐞嗚В娌荤枟璁″垝鍜岄鏈熸晥鏋溿�備娇寰楁偅鑰呭湪鍖荤枟杩囩▼涓綋鐜颁簡涓�瀹氱殑涓诲姩鎬э紝鍦ㄤ竴瀹氱▼搴︿笂鎻愰珮浜嗘偅鑰呯殑婊℃剰搴︺��
-                    </p>
-                    <p class="quotation">
-                        鍒朵綔璇婃柇铚″瀷鎵�闇�鐨勭壒娈婃晥鏋滆湣骞朵笉鏄傝吹锛屽埗浣滆繃绋嬩篃杈冧负绠�鍗曘�佹柟渚匡紝閫氳繃浠樺嚭杈冨皬鐨勬椂闂村拰缁忔祹浠d环鍙互鑾峰緱鍖汇�佹暀銆佺爺绛夊鏂归潰涓板瘜鐨勫簲鐢ㄤ环鍊笺�傚洜姝わ紝璇婃柇铚″瀷鍏锋湁杈冨ぇ鐨勫彂灞曠┖闂村拰搴旂敤鍓嶆櫙锛屽�煎緱鎺ㄥ箍浣跨敤銆�
-                    </p>
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">璇婃柇铚″瀷鐨勫埗浣�</span></p>
+                        <p class="quotation">
+                            璇婃柇铚″瀷鐨勫埗浣滃浜庝慨澶嶄复搴婂伐浣滄湁鐫�閲嶈鑰岀Н鏋佺殑鎰忎箟銆傞鍏堬紝璇婃柇铚″瀷鍙互甯姪涓村簥鍖荤敓鏇村ソ鍦拌璇嗘不鐤楄璁$殑鍙鎬у拰鍙兘鍑虹幇鐨勯棶棰橈紝鏈夊姪浜庢嫇灞曞拰淇敼娌荤枟璁捐鎬濊矾銆傚挨鍏跺浜庝竴浜涘鏉傜梾渚嬶紝閫氳繃鍒朵綔璇婃柇铚″瀷锛屼复搴婂尰鐢熷彲浠ユ洿濂藉湴鍒嗘瀽鐥呬緥鐗圭偣锛屽苟閫氳繃铚″瀷鎭㈠鎮g墮缇庤涓庡姛鑳芥柟闈㈢殑瑕佹眰锛屼粠涓彂鐜板彲鑳藉嚭鐜扮殑闂锛屼互渚胯繘涓�姝ュ畬鍠勬不鐤楄璁°�傚叾娆★紝璇婃柇铚″瀷鍦ㄧ鐮斿拰鏁欏鏂归潰涔熻暣鍚潃涓板瘜鐨勪环鍊笺�備綔涓烘柊鐨勭鐮斿強鏁欏璧勬枡锛岃瘖鏂湣鍨嬪叿鏈夊舰璞$洿瑙傘�佹槗浜庝繚瀛樺強鏌ラ槄绛変紭鐐癸紝鍏锋湁杈冨ぇ鐨勫彂灞曠┖闂淬�傛渶鍚庯紝璇婃柇铚″瀷鏈夊姪浜庡姞寮哄尰鎮d氦娴侊紝浣挎偅鑰呰兘澶熸洿濂藉湴鐞嗚В娌荤枟璁″垝鍜岄鏈熸晥鏋溿�備娇寰楁偅鑰呭湪鍖荤枟杩囩▼涓綋鐜颁簡涓�瀹氱殑涓诲姩鎬э紝鍦ㄤ竴瀹氱▼搴︿笂鎻愰珮浜嗘偅鑰呯殑婊℃剰搴︺��
+                        </p>
+                        <p class="quotation">
+                            鍒朵綔璇婃柇铚″瀷鎵�闇�鐨勭壒娈婃晥鏋滆湣骞朵笉鏄傝吹锛屽埗浣滆繃绋嬩篃杈冧负绠�鍗曘�佹柟渚匡紝閫氳繃浠樺嚭杈冨皬鐨勬椂闂村拰缁忔祹浠d环鍙互鑾峰緱鍖汇�佹暀銆佺爺绛夊鏂归潰涓板瘜鐨勫簲鐢ㄤ环鍊笺�傚洜姝わ紝璇婃柇铚″瀷鍏锋湁杈冨ぇ鐨勫彂灞曠┖闂村拰搴旂敤鍓嶆櫙锛屽�煎緱鎺ㄥ箍浣跨敤銆�
+                        </p>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
                     <p class="content">绉嶆铻轰笣鍥哄畾妗ヨ璁′换鍔¤瘎浠锋爣鍑嗚琛�4-3-1銆�</p>
-                    <p class="imgtitle">琛�4-3-1銆�绉嶆铻轰笣鍥哄畾妗ヨ璁′换鍔¤瘎浠锋爣鍑�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0113-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+                    <p class="imgtitle bold">琛�4-3-1銆�绉嶆铻轰笣鍥哄畾妗ヨ璁′换鍔¤瘎浠锋爣鍑�</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0113-01.jpg"
+                            style="width:100%;margin-top: -10px;" alt="" active="true" /></div>
 
                 </div>
                 <div class="page-bottom-right">097</div>
@@ -527,25 +598,41 @@
                 </div>
                 <div class="bodystyle">
                     <h2 class="secondTitle">浠诲姟鍥涖��鏁板瓧鍖栨墜鏈鏉胯璁�</h2>
-                    <div class="bodyPic"><img src="../../assets/images/0022-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="content"><span class="bold">銆愭渚嬨��</span></p>
-                    <p class="content">鎺ュ埌璁捐璁㈠崟锛屾偅鑰呯己澶辩墮浣�36锛屽凡瀹屾垚妯″瀷鎵弿鍙婂奖鍍忓妫�鏌ャ�傝鏍规嵁鏁版嵁妯″瀷淇℃伅杩涜36鐨勭妞嶅鏉胯璁°��</p>
-                    <p class="content"><span class="bold">銆愰棶棰樸��</span></p>
-                    <p class="content">1锛庣妞嶅鏉跨殑绉嶇被閫氬父鏈夊摢浜涳紵绠�鍗曠殑璁捐姝ラ鏄�庢牱鐨勶紵</p>
-                    <p class="content">2锛庨粡鑶滃強娣峰悎鏀寔寮忕妞嶅鏉匡紝涓轰粈涔堣杩涜鍙屾CT鎵弿锛�</p>
-                    <p class="content">3锛庤璁$妞嶅鏉挎槸鍚︿负绉嶆蹇呴渶鐨勭幆鑺傦紵</p>
-                    <p class="titleQuot-1">銆愪换鍔″垎鏋愩��</p>
+                    <div class="CaseStudy">
+                        <div class="CaseStudy-title">妗堜緥瀵煎叆</div>
+                        <div class="CaseStudy-content">
+                            <p class="titleQuot-1">銆愭渚嬨��</p>
+                            <p class="content">鎺ュ埌璁捐璁㈠崟锛屾偅鑰呯己澶辩墮浣�36锛屽凡瀹屾垚妯″瀷鎵弿鍙婂奖鍍忓妫�鏌ャ�傝鏍规嵁鏁版嵁妯″瀷淇℃伅杩涜36鐨勭妞嶅鏉胯璁°��</p>
+                            <p class="titleQuot-1">銆愰棶棰樸��</p>
+                            <p class="content">1锛庣妞嶅鏉跨殑绉嶇被閫氬父鏈夊摢浜涳紵绠�鍗曠殑璁捐姝ラ鏄�庢牱鐨勶紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.nine" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">2锛庨粡鑶滃強娣峰悎鏀寔寮忕妞嶅鏉匡紝涓轰粈涔堣杩涜鍙屾CT鎵弿锛�</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.ten" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+                                    @change="setQuestionData"></textarea>
+                            </p>
+                            <p class="content">3锛庤璁$妞嶅鏉挎槸鍚︿负绉嶆蹇呴渶鐨勭幆鑺傦紵</p>
+                            <p class="content">
+                                <textarea class="textarea-box" v-model="questionData.eleven" placeholder="璇疯緭鍏ュ唴瀹�"
+                                    rows="5" @change="setQuestionData"></textarea>
+                            </p>
+                        </div>
+                    </div>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔″垎鏋愩��</p>
                     <p class="content">
                         绮惧噯銆佸井鍒涚妞嶆槸鍙h厰绉嶆澶栫鐨勫彂灞曟柟鍚戯紝浠ヤ慨澶嶄负瀵煎悜鐨勭妞嶇悊蹇靛凡琚箍娉涘簲鐢ㄤ簬鍙h厰涓村簥銆傜患鍚堝簲鐢ㄨ绠楁満浣撳眰鎵弿鎶�鏈�佸彛鍐呬笁缁存壂鎻忔妧鏈拰妯″瀷涓夌淮鎵弿鎶�鏈紝鍙湪鏁板瓧鍖栫妞嶈璁¤蒋浠朵腑瀹屾垚浠ヤ慨澶嶄负瀵煎悜鐨勭妞嶄綋妞嶅叆鏂规璁捐锛屽苟鍙皢璁捐鏂规杞崲鎴愭寚瀵间复搴婃墜鏈搷浣滅殑绉嶆瀵兼澘锛屽啀閫氳繃涓夌淮鎵撳嵃鎶�鏈埗浣滃鏉匡紝瀹炵幇鏁板瓧鍖栨妧鏈緟鍔╀笅鐨勭妞嶆墜鏈搷浣溿�傚叾涓紝璧峰埌鑷冲叧閲嶈浣滅敤鐨勭妞嶅鏉挎槸涓�绉嶄釜鎬у寲鍙h厰杈呭姪娌荤枟瑁呯疆锛屽畠鍙互鎸夌収鏈墠铏氭嫙璁捐鐨勭妞嶄綋妞嶅叆浣嶇疆绮惧噯鍦板皢绉嶆浣撹浆绉诲埌鎮h�呭彛鍐呫�備笅闈㈠皢鍒嗘璁茶В鍚勭被绉嶆瀵兼澘鐨勮璁℃柟娉曘��
                     </p>
                     <p class="content">
                         绉嶆瀵兼澘鍦ㄧ粨鏋勪笂涓�鑸叿澶囦互涓嬬壒寰侊細鈶犵粍缁囬潰涓庢偅鑰呭彛鑵旇В鍓栫粨鏋勭浉鍚诲悎锛涒憽鍏锋湁鎸囧閽婚拡瀹為檯閽诲瓟鏂瑰悜鍜屾繁搴︾殑瀵煎悜瀛旓紙鍙疆鍏ラ噾灞炲鐜級锛涒憿鍙叿鏈夊喎鍗寸獥鍙c�佸浐浣嶉拤瀛旀柟鍚戞Ы绛夌粨鏋勩�傜妞嶅鏉跨粨鏋勫鍥�4-4-1鎵�绀恒��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0114-01.jpg" style="width:80%" alt="" active="true" />
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0114-01.jpg" style="width:80%" alt="鍥�4-4-1銆�绉嶆瀵兼澘缁撴瀯"
+                            active="true" />
                         <p class="imgdescript-b">鍥�4-4-1銆�绉嶆瀵兼澘缁撴瀯</p>
-                        <p class="imgdescript">A锛庣粍缁囬潰瑙傦紱B锛庡挰鍚堥潰瑙傘��</p>
+                        <p class="imgdescript-l">A锛庣粍缁囬潰瑙傦紱B锛庡挰鍚堥潰瑙傘��</p>
                     </div>
                     <p class="content">绉嶆瀵兼澘闇�瑕佸�熷姪鏁板瓧鍖栫妞嶈蒋浠惰繘琛岃璁★紝鍐嶉�氳繃涓夌淮鎵撳嵃鎶�鏈埗浣溿�傛湰浠诲姟灏嗕互GuideMia杞欢涓轰緥锛岀畝瑕佷粙缁嶇妞嶅鏉跨殑鏁板瓧鍖栬璁″伐鑹烘祦绋嬨��</p>
 
@@ -565,24 +652,24 @@
                     <p class="content">瀵逛簬鐗欓娇缂哄け鏁扮洰涓嶅銆佷綑鐣欏熀鐗欑ǔ鍥轰笖鑳藉缁存寔绋冲畾鍜悎鍏崇郴鐨勬儏鍐碉紝鍙�夋嫨浣跨敤鐗欐敮鎸佸紡绉嶆瀵兼澘銆侀粡鑶滃強娣峰悎鏀寔寮忕妞嶅鏉裤��</p>
                     <h3 class="thirdTitle">涓�銆佺墮鏀寔寮忕妞嶅鏉�</h3>
                     <p class="content">鐗欐敮鎸佸紡绉嶆瀵兼澘鐨勮璁″伐鑹烘祦绋嬪涓嬨��</p>
-                    <p class="content"><span class="bold">1锛庢壂鎻忓苟瀵煎叆鏁版嵁</span></p>
+                    <p class="content"><span class="bold fontGreen">1锛庢壂鎻忓苟瀵煎叆鏁版嵁</span></p>
                     <p class="content">
-                        锛�1锛夋媿鎽勫彛鑵擟BCT鏁版嵁锛欳BCT閲嶅缓瀹圭Н澶у皬涓虹洿寰�16cm銆侀珮13cm锛屼綋绱犲垎杈ㄧ巼0.25mm锛岃幏鍙栨椂闂�147绉掋�傛媿鎽勬椂鍙鎮h�呭弻渚у墠纾ㄧ墮鍖哄煙鍜悎娑堟瘨妫夌悆锛屼娇鍏跺浜庡紑<img
-                            class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />鐘舵�侊紝浠ヤ究鍚庢湡澶勭悊鏁版嵁鏃跺彲鍒嗙涓娿�佷笅棰岀墮鍒椼�傝緭鍑洪珮绮惧害鐨凞ICOM鏍煎紡褰卞儚鏂眰鏂囦欢锛堜竴鑸负涓�缁勬寜鐓у懡鍚嶆湁搴忔帓鍒椼�佹墿灞曞悕涓篋CM鐨勬枃浠讹級銆�</p>
+                        锛�1锛夋媿鎽勫彛鑵擟BCT鏁版嵁锛欳BCT閲嶅缓瀹圭Н澶у皬涓虹洿寰�16cm銆侀珮13cm锛屼綋绱犲垎杈ㄧ巼0.25mm锛岃幏鍙栨椂闂�147绉掋�傛媿鎽勬椂鍙鎮h�呭弻渚у墠纾ㄧ墮鍖哄煙鍜悎娑堟瘨妫夌悆锛屼娇鍏跺浜庡紑瓞寳鐘舵�侊紝浠ヤ究鍚庢湡澶勭悊鏁版嵁鏃跺彲鍒嗙涓娿�佷笅棰岀墮鍒椼�傝緭鍑洪珮绮惧害鐨凞ICOM鏍煎紡褰卞儚鏂眰鏂囦欢锛堜竴鑸负涓�缁勬寜鐓у懡鍚嶆湁搴忔帓鍒椼�佹墿灞曞悕涓篋CM鐨勬枃浠讹級銆�
+                    </p>
                     <p class="content">
                         锛�2锛夋壂鎻忓棰屾ā鍨嬫暟鎹細鎸夊伐浣滄ā鍨嬬殑鏍囧噯鍒跺彇绮剧‘鐨勪笂銆佷笅棰岀煶鑶忔ā鍨嬶紝鎵弿宸ヤ綔妯″瀷骞惰緭鍑篠TL鏍煎紡鏁板瓧妯″瀷鏂囦欢銆傛姝ラ涔熷彲閲囩敤鍙h厰鎵弿鐨勬柟寮忥紝鍚屾牱闇�瑕佽緭鍑篠TL鏍煎紡鏂囦欢銆�</p>
                     <p class="content">
                         锛�3锛夊鍏ユ暟鎹細灏嗘偅鑰匔BCT鎵弿鏁版嵁鍜岀墮鍒楁壂鎻忔暟鎹鍏ヨ璁¤蒋浠躲�傝蒋浠剁獥鍙e垎涓�5涓鍥惧尯鍩燂細杞村悜瑙嗗浘銆佺煝鐘惰鍥俱�佸啝鐘惰鍥俱��3D閲嶅缓瑙嗗浘鍜屽綋鍓嶅璞¤鍥俱�傜妞嶇晫闈㈠鍥�4-4-2鎵�绀恒��</p>
                     <p class="content"><span
-                            class="bold">2锛庨銆佺墮妯″瀷閰嶅噯</span>銆�璋冩暣CT闃堝�硷紝瀵笴BCT鏁版嵁杩涜闃堝�煎垎鍓叉搷浣滐紝鎻愬彇骞堕噸寤哄嚭绉嶆渚ч楠ㄤ笁缁存ā鍨嬨�傚湪棰岄妯″瀷鐨勪綑鐣欏熀鐗欑墮灏栦笂鍜屽搴斾晶鐗欏垪鎵弿鏁版嵁鐨勫熀鐗欑墮灏栦笂锛岄�夊彇瀵瑰簲鐨勮嫢骞茬偣瀵癸紙鑷冲皯3缁勶級锛屽熀浜庨楠ㄦā鍨嬪拰鎵弿鐗欏垪妯″瀷鍏卞悓鐨勭墮鍒楀舰鎬佹暟鎹繘琛屾暣浣撻厤鍑嗭紝蹇呰鏃跺彲鎻忚涓嬮绁炵粡锛岃繕鍙繘琛岃櫄鎷熻蒋缁勭粐鏄剧ず銆�
+                            class="bold fontGreen">2锛庨銆佺墮妯″瀷閰嶅噯</span>銆�璋冩暣CT闃堝�硷紝瀵笴BCT鏁版嵁杩涜闃堝�煎垎鍓叉搷浣滐紝鎻愬彇骞堕噸寤哄嚭绉嶆渚ч楠ㄤ笁缁存ā鍨嬨�傚湪棰岄妯″瀷鐨勪綑鐣欏熀鐗欑墮灏栦笂鍜屽搴斾晶鐗欏垪鎵弿鏁版嵁鐨勫熀鐗欑墮灏栦笂锛岄�夊彇瀵瑰簲鐨勮嫢骞茬偣瀵癸紙鑷冲皯3缁勶級锛屽熀浜庨楠ㄦā鍨嬪拰鎵弿鐗欏垪妯″瀷鍏卞悓鐨勭墮鍒楀舰鎬佹暟鎹繘琛屾暣浣撻厤鍑嗭紝蹇呰鏃跺彲鎻忚涓嬮绁炵粡锛岃繕鍙繘琛岃櫄鎷熻蒋缁勭粐鏄剧ず銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0115-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-4-2銆�绉嶆鐣岄潰</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0115-02.jpg" style="width:75%" alt="鍥�4-4-2銆�绉嶆鐣岄潰" active="true" />
+                        <p class="imgdescript-b">鍥�4-4-2銆�绉嶆鐣岄潰</p>
                     </div>
                     <p class="content"><span
-                            class="bold">3锛庨鏈熶慨澶嶄綋璁捐</span>銆�鍦ㄧ妞嶅尯铏氭嫙璁捐棰勬湡淇浣撳舰鎬侊紝鐢ㄦ潵鎸囧鍜岃鍒掔妞嶄綋鐨勬鍏ヤ綅缃拰瑙掑害锛岀湡姝e疄鐜颁慨澶嶅紩瀵肩妞嶇殑璁捐鐞嗗康銆�</p>
+                            class="bold fontGreen">3锛庨鏈熶慨澶嶄綋璁捐</span>銆�鍦ㄧ妞嶅尯铏氭嫙璁捐棰勬湡淇浣撳舰鎬侊紝鐢ㄦ潵鎸囧鍜岃鍒掔妞嶄綋鐨勬鍏ヤ綅缃拰瑙掑害锛岀湡姝e疄鐜颁慨澶嶅紩瀵肩妞嶇殑璁捐鐞嗗康銆�
+                    </p>
                     <p class="content">
                         姝ゆ椂鍙埄鐢ㄨ蒋浠剁殑浜岀淮鍜屼笁缁存祴閲忓姛鑳斤紝娴嬮噺鍒嗘瀽绉嶆鍖哄煙鐨勯閲忚蒋纭粍缁囩粨鏋勩�傝皟鐢ㄨ蒋浠剁妞嶄綋鏁版嵁搴撲腑鐨勭妞嶄綋妯″瀷锛岄�夋嫨涓村簥甯屾湜妞嶅叆鐨勭妞嶄綋鍨嬪彿锛堟槑纭搧鐗屽瀷鍙枫�佸昂瀵镐俊鎭級锛屽皢铏氭嫙鐨勭妞嶄綋妯″瀷妞嶅叆鏁板瓧妯″瀷鐨勯楠ㄤ腑銆傝櫄鎷熸鍏ョ殑浣嶇疆娣卞害鍜岃搴﹂渶瑕佺患鍚堝垎鏋愰鏈熶慨澶嶄綋淇℃伅銆侀偦鐗欏叧绯汇�佸熀鍙拌搴︺�佽窛绂荤缁忕鐨勫畨鍏ㄨ窛绂荤瓑鍥犵礌銆傞鏈熶慨澶嶄綋璁捐瑙勫垝妞嶅叆浣撹搴﹀鍥�4-4-3鎵�绀恒��
                     </p>
@@ -601,24 +688,26 @@
                     </div>
                 </div>
                 <div class="bodystyle">
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0116-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript-l">鍥�4-4-3銆�棰勬湡淇浣撹璁¤鍒掓鍏ヤ綋瑙掑害</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0116-01.jpg" style="width:75%" alt="鍥�4-4-3銆�棰勬湡淇浣撹璁¤鍒掓鍏ヤ綋瑙掑害"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-4-3銆�棰勬湡淇浣撹璁¤鍒掓鍏ヤ綋瑙掑害</p>
                     </div>
                     <p class="content"><span
-                            class="bold">4锛庣妞嶅鏉垮舰鎬佽璁�</span>銆�瀹屾垚绉嶆浣撹櫄鎷熸鍏ユ搷浣滃悗锛屽湪鎵弿鐗欏垪妯″瀷鐨勯偦鐗欏尯鍩熼�夋嫨绉嶆瀵兼澘闇�瑕佽鐩栫殑缁勭粐鑼冨洿锛屾敮鎸佸尯鍩熺殑閫夋嫨涓�鑸鐩�2锝�3棰楅偦鐗欙紝蹇呰鎯呭喌涓嬩负缁存寔瀵兼澘鐨勫浐浣嶅拰绋冲畾锛屾敮鎸佸尯鍩熺殑鑼冨洿闇�瑕佽鐩栬嚦鐗欏紦瀵逛晶銆傞�夊畾鏀寔鍖哄煙鐨勮寖鍥村悗锛岀偣鍑烩�滄洿鏂板鏉垮氨浣嶆柟鍚戔�濇寜閽紝杞欢浼氳嚜鍔ㄥ~鍏呭�掑嚬骞剁敓鎴愮妞嶅鏉挎暟瀛楁ā鍨嬶紝鍙繚瀛樿緭鍑轰负STL鏍煎紡鐨勬暟鎹紝璇ユ暟鎹彲鐢ㄤ簬鍚庣画3D鎵撳嵃鍒堕�犮��
+                            class="bold fontGreen">4锛庣妞嶅鏉垮舰鎬佽璁�</span>銆�瀹屾垚绉嶆浣撹櫄鎷熸鍏ユ搷浣滃悗锛屽湪鎵弿鐗欏垪妯″瀷鐨勯偦鐗欏尯鍩熼�夋嫨绉嶆瀵兼澘闇�瑕佽鐩栫殑缁勭粐鑼冨洿锛屾敮鎸佸尯鍩熺殑閫夋嫨涓�鑸鐩�2锝�3棰楅偦鐗欙紝蹇呰鎯呭喌涓嬩负缁存寔瀵兼澘鐨勫浐浣嶅拰绋冲畾锛屾敮鎸佸尯鍩熺殑鑼冨洿闇�瑕佽鐩栬嚦鐗欏紦瀵逛晶銆傞�夊畾鏀寔鍖哄煙鐨勮寖鍥村悗锛岀偣鍑烩�滄洿鏂板鏉垮氨浣嶆柟鍚戔�濇寜閽紝杞欢浼氳嚜鍔ㄥ~鍏呭�掑嚬骞剁敓鎴愮妞嶅鏉挎暟瀛楁ā鍨嬶紝鍙繚瀛樿緭鍑轰负STL鏍煎紡鐨勬暟鎹紝璇ユ暟鎹彲鐢ㄤ簬鍚庣画3D鎵撳嵃鍒堕�犮��
                     </p>
                     <p class="content">瀵兼澘鍒朵綔瀹屾垚鍚庯紝鍙牴鎹渶瑕佸湪瀵煎悜瀛斿唴鏀剧疆閲戝睘濂楃幆锛屽苟浣跨敤閰嶅鐨勭妞嶅伐鍏峰畬鎴愪复搴婃鍏ユ搷浣滐紙鍥�4-4-4锛夈��</p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0116-02.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-4-4銆�瀹屾垚涓村簥妞嶅叆鎿嶄綔</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0116-02.jpg" style="width:70%" alt="鍥�4-4-4銆�瀹屾垚涓村簥妞嶅叆鎿嶄綔"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-4-4銆�瀹屾垚涓村簥妞嶅叆鎿嶄綔</p>
                     </div>
                     <h3 class="thirdTitle">浜屻�侀粡鑶滃強娣峰悎鏀寔寮忕妞嶅鏉�</h3>
                     <p class="content">
                         瀵逛簬鐗欏垪缂哄け鎴栧ぇ閮ㄥ垎鐗欓娇缂哄け锛屽叾浣欑暀鍩虹墮鏁扮洰灏戜笖鏃犳硶缁存寔绋冲畾鐨勫挰鍚堝叧绯伙紱鎶戞垨鍙h厰鍐呮湁澶ч噺閲戝睘鐑ょ摲鍐犵殑鎮h�咃紝閮藉簲鍏堝埗浣滄斁灏勫鏉匡紝鍐嶈繘琛屽弻娆T鎵弿锛屽埗浣滈粡鑶滃強娣峰悎鏀寔寮忕妞嶅鏉裤�傚叾璁捐宸ヨ壓娴佺▼濡備笅銆�
                     </p>
                     <p class="content"><span
-                            class="bold">1锛庡埗浣滄斁灏勫鏉�</span>銆�鏀惧皠瀵兼澘鏄寚缁勭粐闈㈣兘澶熷惢鍚堟偅鑰呯墮榻垮拰/鎴栬蒋缁勭粐锛岀(鍏夐潰涓洪鏈熺殑涔夐娇淇褰㈡�佷笖鍏锋湁鏀惧皠鏄惧奖鏍囪鐐圭殑涔夐娇鏍锋ā鏉裤�傚叾鍒朵綔姝ラ濡備笅銆�
+                            class="bold fontGreen">1锛庡埗浣滄斁灏勫鏉�</span>銆�鏀惧皠瀵兼澘鏄寚缁勭粐闈㈣兘澶熷惢鍚堟偅鑰呯墮榻垮拰/鎴栬蒋缁勭粐锛岀(鍏夐潰涓洪鏈熺殑涔夐娇淇褰㈡�佷笖鍏锋湁鏀惧皠鏄惧奖鏍囪鐐圭殑涔夐娇鏍锋ā鏉裤�傚叾鍒朵綔姝ラ濡備笅銆�
                     </p>
 
                 </div>
@@ -646,21 +735,21 @@
                     <p class="content">2锛夋爣璁版暟閲忎负6锝�8涓紝涓�鍗婁綅浜庡攪渚э紝涓�鍗婁綅浜庤垖渚с��</p>
                     <p class="content">3锛夋爣璁板垎甯冧簬涓嶅悓骞抽潰锛岄渶浣嶄簬鐗欓娇銆佺墮榫堝钩闈互涓嬨��</p>
                     <p class="content">锛�3锛夊埗浣滃彛鍐呭挰鍚堣褰曪細鐢ㄩ潪鏄惧奖纭川鍜悎璁板綍鏉愭枡鍒朵綔瑕嗙洊鍏ㄧ墮寮撹寖鍥寸殑鍜悎璁板綍锛屽鏋滃棰屾湁鐗欓娇缂哄け锛屽垯鐢ㄦ潗鏂欏~鍏呫�傚彛鍐呭挰鍚堣褰曠敤浜庡紩瀵肩妞嶅鏉跨簿纭氨浣嶃��</p>
-                    <p class="content"><span class="bold">2锛庡弻娆T鎵弿</span></p>
+                    <p class="content"><span class="bold fontGreen">2锛庡弻娆T鎵弿</span></p>
                     <p class="content">锛�1锛夎鎮h�呰瘯鎴村鏉垮拰鍙e唴鍜悎璁板綍锛屽挰绱ф斁灏勫鏉垮拰鍜悎璁板綍锛屼娇涔嬪噯纭笖鐗㈠浐灏变綅銆傝姹傚乏鍙充晶鍜悎鍔涘潎鍖�锛岀敤榧诲懠鍚镐繚鎸佺ǔ瀹氾紝瀹屾垚涓�娆BCT鎵弿銆�</p>
                     <p class="content">锛�2锛夊崟鐙鏀惧皠瀵兼澘鎷嶆憚CBCT銆�</p>
                     <p class="content">锛�3锛夊湪GuideMia杞欢涓鍏ユ偅鑰呴厤鎴存斁灏勫鏉跨殑CBCT鏁版嵁鍜屽崟鐙壂鎻忕殑鏀惧皠瀵兼澘CBCT鏁版嵁銆�</p>
                     <p class="content"><span
-                            class="bold">3锛庨楠ㄦā鍨嬩笌鏀惧皠瀵兼澘妯″瀷閰嶅噯</span>銆�鍩轰簬CT闃堝�硷紝瀵笴BCT鏁版嵁杩涜闃堝�煎垎鍓插拰閲嶅缓锛屽垎鍒幏寰楁偅鑰呴楠ㄤ笁缁存ā鍨嬪拰鏀惧皠瀵兼澘涓夌淮妯″瀷銆備袱涓ā鍨嬩笂鐨勭墮鑳堕樆灏勭偣娓呮櫚鍙锛屾牴鎹樆灏勭偣鐨勫垎甯冨拰浣嶇疆锛岄�夋嫨瀵瑰簲鐨勭偣瀵瑰叧绯伙紝瀵归楠ㄦā鍨嬪拰鏀惧皠瀵兼澘妯″瀷杩涜閰嶅噯锛堝浘4-4-5锛夈��
+                            class="bold fontGreen">3锛庨楠ㄦā鍨嬩笌鏀惧皠瀵兼澘妯″瀷閰嶅噯</span>銆�鍩轰簬CT闃堝�硷紝瀵笴BCT鏁版嵁杩涜闃堝�煎垎鍓插拰閲嶅缓锛屽垎鍒幏寰楁偅鑰呴楠ㄤ笁缁存ā鍨嬪拰鏀惧皠瀵兼澘涓夌淮妯″瀷銆備袱涓ā鍨嬩笂鐨勭墮鑳堕樆灏勭偣娓呮櫚鍙锛屾牴鎹樆灏勭偣鐨勫垎甯冨拰浣嶇疆锛岄�夋嫨瀵瑰簲鐨勭偣瀵瑰叧绯伙紝瀵归楠ㄦā鍨嬪拰鏀惧皠瀵兼澘妯″瀷杩涜閰嶅噯锛堝浘4-4-5锛夈��
                     </p>
                     <p class="content"><span
-                            class="bold">4锛庣妞嶅鏉垮舰鎬佽璁�</span>銆�鏍规嵁鏀惧皠瀵兼澘鎵�鍖呭惈鐨勭妞嶄慨澶嶄俊鎭紝鍦ㄨ蒋浠朵腑杩涜绉嶆浣撴鍏ユ柟妗堣璁″拰妯℃嫙锛屽厖鍒嗚�冭檻淇瑕佹眰鏉ョ‘瀹氱妞嶄綋鐨勪綅缃拰瑙掑害锛屼粠鑰岃幏寰楁渶浣崇殑鍜�鍤煎姛鑳藉拰缇庡鏁堟灉銆�
+                            class="bold fontGreen">4锛庣妞嶅鏉垮舰鎬佽璁�</span>銆�鏍规嵁鏀惧皠瀵兼澘鎵�鍖呭惈鐨勭妞嶄慨澶嶄俊鎭紝鍦ㄨ蒋浠朵腑杩涜绉嶆浣撴鍏ユ柟妗堣璁″拰妯℃嫙锛屽厖鍒嗚�冭檻淇瑕佹眰鏉ョ‘瀹氱妞嶄綋鐨勪綅缃拰瑙掑害锛屼粠鑰岃幏寰楁渶浣崇殑鍜�鍤煎姛鑳藉拰缇庡鏁堟灉銆�
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0117-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-4-5銆�棰岄妯″瀷涓庡鏉块厤鍑�</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0117-01.jpg" style="width:75%" alt="鍥�4-4-5銆�棰岄妯″瀷涓庡鏉块厤鍑�"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-4-5銆�棰岄妯″瀷涓庡鏉块厤鍑�</p>
                     </div>
-
                 </div>
                 <div class="page-bottom-right">101</div>
             </div>
@@ -678,26 +767,28 @@
                     <p class="content">
                         瀹屾垚绉嶆鏂规璁捐鍚庯紝杞欢浼氭牴鎹斁灏勫鏉挎暟鎹嚜鍔ㄧ敓鎴愮妞嶅鏉挎ā鍨嬶紙鍥�4-4-6锛夈�傚彲淇濆瓨杈撳嚭涓篠TL鏍煎紡鐨勬暟鎹紝鐢ㄤ簬鍚庣画3D鎵撳嵃鍒朵綔銆傚鏉垮埗浣滃畬鎴愬悗锛屽彲鏍规嵁闇�瑕佸湪瀵煎悜瀛斿唴鏀剧疆閲戝睘濂楃幆锛屽苟浣跨敤閰嶅鐨勭妞嶅伐鍏峰畬鎴愪复搴婃鍏ユ搷浣溿��
                     </p>
-                    <div class="qrbodyPic">
-                        <img src="../../assets/images/0118-01.jpg" style="width:80%" alt="" active="true" />
-                        <p class="imgdescript">鍥�4-4-6銆�瀵兼澘妯″瀷鐢熸垚</p>
+                    <div class="qrbodyPic openImgBox">
+                        <img src="../../assets/images/0118-01.jpg" style="width:75%" alt="鍥�4-4-6銆�瀵兼澘妯″瀷鐢熸垚"
+                            active="true" />
+                        <p class="imgdescript-b">鍥�4-4-6銆�瀵兼澘妯″瀷鐢熸垚</p>
                     </div>
                     <p class="content">
                         绮剧‘鐨勬暟鎹奖鍍忚祫鏂欍�佹暟瀛楃煶鑶忔ā鍨嬫垨鍙e唴鎵弿鏁版嵁鏄妞嶅鏉胯璁″強鍒朵綔鐨勫墠鎻愶紝鍏崇郴鍒板鏉垮湪鍙h厰涓殑绮剧‘灏变綅銆傚ぇ澶氭暟鎯呭喌涓嬶紝绉嶆璇樊涓昏鏉ヨ嚜瀵兼澘鍦ㄥ彛鑵斿唴灏变綅鍚庣殑浣嶇疆璇樊锛堜笌鐢佃剳璁捐浣嶇疆鐨勫樊寮傦級銆傜墮鏀寔寮忓鏉挎瘮榛忚啘鏀寔寮忓鏉跨殑灏变綅绮剧‘搴﹂珮銆備富瑕佸師鍥犳槸锛孋BCT绮惧害銆佺墮妯℃壂鎻忕簿搴﹀強杞欢鐨勮璁$簿搴﹂兘鏄浉瀵圭ǔ瀹氬彲闈犵殑锛岀郴缁熺簿搴︿富瑕佸彈瀵兼澘灏变綅銆佹搷浣滆宸�侀厤濂楀櫒姊扮瓑鍥犵礌鐨勫奖鍝嶏紝鎵�浠ュ缓璁簲鐢ㄧ妞嶅鏉挎妧鏈椂闇�瑕佸楠ㄩ噺鏈変竴瀹氱殑瀹藉搴︺��
                     </p>
-                    <div class="bodyPic"><img src="../../assets/images/0026-01.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <p class="center"><span class="bold">鏁板瓧鍖栧紩瀵间笅鐨勫叏鍙d箟榻垮嵆鍒荤妞嶄慨澶嶆祦绋�</span></p>
-                    <p class="quotation">鍦ㄦ暟瀛楀寲鎵嬫杈呭姪涓嬭涓婁笅棰屽叏鍙d箟榻垮嵆鍒荤妞嶄慨澶嶏紝娌荤枟鍛ㄦ湡鐭紝鎵嬫湳绮剧‘搴﹂珮锛屾偅鑰呮劅鍙楁洿浣炽�傛不鐤楄繃绋嬪涓嬨��</p>
-                    <p class="quotation">锛�1锛夋湳鍓嶅噯澶囷細鈶犱娇鐢ㄨ椈閰哥洂鍙栧垵鍗版ā锛屽埗浣滀釜鎬у寲鎵樼洏锛涒憽鐢ㄤ釜鎬у寲鎵樼洏鍙栫姗¤兌缁堝嵃妯★紝鐏屽埗缁堟ā鍨嬶紱鈶㈠埗浣滃厜鍥哄寲鏍戣剛<img class="s-pic"
-                            src="../../assets/images/0026_02.png" alt="" />鎵樺強铚″牑锛岀‘瀹氬瀭鐩磋窛绂伙紝纭畾姘村钩鍏崇郴锛岄潰寮撹浆绉绘偅鑰呴浣嶅叧绯伙紝涓�<img
-                            class="s-pic" src="../../assets/images/0026_02.png"
-                            alt="" />鏋讹紱鈶f帓鐗欙紝鍒朵綔鏀惧皠瀵兼澘锛涒懁璇曟埓鏀惧皠瀵兼澘锛屾媿鎽勪袱娆BCT锛堟偅鑰呬僵鎴存斁灏勫鏉挎媿鎽凜BCT鍙婃斁灏勫鏉垮崟鐙媿鎽凜BCT锛夈��</p>
-                    <p class="quotation">锛�2锛夋柟妗堣璁★細鈶犲皢涓ゆCBCT鑾峰彇鐨凞ICOM鏁版嵁瀵煎叆绉嶆璁捐杞欢閲嶅彔锛屼互淇涓哄鍚戞寚瀵间笂涓嬮绉嶆浣撲綅缃憜鏀撅紱鈶$敓鎴愬苟鎵撳嵃鎵嬫湳瀵兼澘銆�</p>
-                    <p class="quotation">锛�3锛夊埄鐢ㄦ墜鏈鏉垮拰瀵兼澘閿侊紝缈诲埗妯″瀷锛屽埗浣滀复鏃朵慨澶嶄綋銆�</p>
-                    <p class="quotation">
-                        锛�4锛変竴鏈熸墜鏈繃绋嬶細閾哄肪娑堟瘨锛屽眬楹诲悗鎷旈櫎涓婁笅棰屼綑鐣欑墮锛屾悢鍒嫈鐗欑獫鍐呯値鎬ц倝鑺界粍缁囷紝浜�34锝�36銆�44锝�46鍖虹墮妲藉荡椤惰繎杩滀腑鍚戝垏寮�鐗欓緢锛岀炕鐡c�傚氨浣嶅苟鍥哄畾鎵嬫湳瀵兼澘锛屼簬11銆�13銆�16銆�22銆�25銆�26銆�32銆�34銆�36銆�42銆�44銆�46鍖哄畾鐐癸紝鎸夋湳鍓嶈璁℃柟妗堟鍏ョ妞嶄綋銆傞櫎26鍖虹妞嶄綋澶栵紝鍏朵綑绉嶆浣撳垵鏈熺ǔ瀹氭�у潎杈惧埌35N*cm浠ヤ笂锛屽氨浣嶅鍚堝熀鍙帮紝鎴村叆淇濇姢甯斤紝淇暣鐗欓緢榛忚啘锛岀紳鍚堢墮榫堛�傛湳鍚庢媿鎽勫叏鏅墖銆傛鏃ュ璇婏紝鍙栦笅淇濇姢甯斤紝鎴村叆棰勫埗鐨勪复鏃朵慨澶嶄綋锛岃皟<img
-                            class="s-pic" src="../../assets/images/0026_02.png" alt="" />銆�</p>
+                    <div class="knowledgeExpansion">
+                        <img class="knowledgeExpansion-img" src="../../assets/images/knowledgeExpansion.png" alt="" />
+                        <p class="center"><span class="bold">鏁板瓧鍖栧紩瀵间笅鐨勫叏鍙d箟榻垮嵆鍒荤妞嶄慨澶嶆祦绋�</span></p>
+                        <p class="quotation">鍦ㄦ暟瀛楀寲鎵嬫杈呭姪涓嬭涓婁笅棰屽叏鍙d箟榻垮嵆鍒荤妞嶄慨澶嶏紝娌荤枟鍛ㄦ湡鐭紝鎵嬫湳绮剧‘搴﹂珮锛屾偅鑰呮劅鍙楁洿浣炽�傛不鐤楄繃绋嬪涓嬨��</p>
+                        <p class="quotation">
+                            锛�1锛夋湳鍓嶅噯澶囷細鈶犱娇鐢ㄨ椈閰哥洂鍙栧垵鍗版ā锛屽埗浣滀釜鎬у寲鎵樼洏锛涒憽鐢ㄤ釜鎬у寲鎵樼洏鍙栫姗¤兌缁堝嵃妯★紝鐏屽埗缁堟ā鍨嬶紱鈶㈠埗浣滃厜鍥哄寲鏍戣剛瓞寳鎵樺強铚″牑锛岀‘瀹氬瀭鐩磋窛绂伙紝纭畾姘村钩鍏崇郴锛岄潰寮撹浆绉绘偅鑰呴浣嶅叧绯伙紝涓婐瑢楁灦锛涒懀鎺掔墮锛屽埗浣滄斁灏勫鏉匡紱鈶よ瘯鎴存斁灏勫鏉匡紝鎷嶆憚涓ゆCBCT锛堟偅鑰呬僵鎴存斁灏勫鏉挎媿鎽凜BCT鍙婃斁灏勫鏉垮崟鐙媿鎽凜BCT锛夈��
+                        </p>
+                        <p class="quotation">锛�2锛夋柟妗堣璁★細鈶犲皢涓ゆCBCT鑾峰彇鐨凞ICOM鏁版嵁瀵煎叆绉嶆璁捐杞欢閲嶅彔锛屼互淇涓哄鍚戞寚瀵间笂涓嬮绉嶆浣撲綅缃憜鏀撅紱鈶$敓鎴愬苟鎵撳嵃鎵嬫湳瀵兼澘銆�</p>
+                        <p class="quotation">锛�3锛夊埄鐢ㄦ墜鏈鏉垮拰瀵兼澘閿侊紝缈诲埗妯″瀷锛屽埗浣滀复鏃朵慨澶嶄綋銆�</p>
+                        <p class="quotation">
+                            锛�4锛変竴鏈熸墜鏈繃绋嬶細閾哄肪娑堟瘨锛屽眬楹诲悗鎷旈櫎涓婁笅棰屼綑鐣欑墮锛屾悢鍒嫈鐗欑獫鍐呯値鎬ц倝鑺界粍缁囷紝浜�34锝�36銆�44锝�46鍖虹墮妲藉荡椤惰繎杩滀腑鍚戝垏寮�鐗欓緢锛岀炕鐡c�傚氨浣嶅苟鍥哄畾鎵嬫湳瀵兼澘锛屼簬11銆�13銆�16銆�22銆�25銆�26銆�32銆�34銆�36銆�42銆�44銆�46鍖哄畾鐐癸紝鎸夋湳鍓嶈璁℃柟妗堟鍏ョ妞嶄綋銆傞櫎26鍖虹妞嶄綋澶栵紝鍏朵綑绉嶆浣撳垵鏈熺ǔ瀹氭�у潎杈惧埌35N*cm浠ヤ笂锛屽氨浣嶅鍚堝熀鍙帮紝鎴村叆淇濇姢甯斤紝淇暣鐗欓緢榛忚啘锛岀紳鍚堢墮榫堛�傛湳鍚庢媿鎽勫叏鏅墖銆傛鏃ュ璇婏紝鍙栦笅淇濇姢甯斤紝鎴村叆棰勫埗鐨勪复鏃朵慨澶嶄綋锛岃皟瓞寳銆�
+                        </p>
+
+                    </div>
                 </div>
                 <div class="page-bottom-left">102</div>
             </div>
@@ -711,30 +802,152 @@
                     <img class="header-img" src="../../assets/images/pageHeader.png" alt="" />
                 </div>
                 <div class="bodystyle">
-                    <p class="titleQuot-1">銆愪换鍔¤瘎浠枫��</p>
+                    <p class="titleQuot-1 fTitle">銆愪换鍔¤瘎浠枫��</p>
                     <p class="content">鏁板瓧鍖栨墜鏈鏉胯璁′换鍔¤瘎浠锋爣鍑嗚琛�4-4-1銆�</p>
-                    <p class="imgtitle">琛�4-4-1銆�鏁板瓧鍖栨墜鏈鏉胯璁′换鍔¤瘎浠锋爣鍑�</p>
-                    <div class="bodyPic"><img src="../../assets/images/0119-02.jpg" style="width:80%" alt=""
-                            active="true" /></div>
-                    <div class="bodyPic"><img src="../../assets/images/0119-03.jpg" style="width:80%" alt=""
-                            active="true" /></div>
+                    <p class="imgtitle bold">琛�4-4-1銆�鏁板瓧鍖栨墜鏈鏉胯璁′换鍔¤瘎浠锋爣鍑�</p>
+                    <div class="bodyPic openImgBox"><img src="../../assets/images/0119-02.jpg"
+                            style="width:100%;margin-top: -10px;" alt="琛�4-4-1銆�鏁板瓧鍖栨墜鏈鏉胯璁′换鍔¤瘎浠锋爣鍑�" active="true" /></div>
+
+                    <div class="unitSummary mb-20">
+                        <div class="summary-content">
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B13'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span title="椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 涓�у寲鍩哄彴">椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 涓�у寲鍩哄彴</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B14'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span title="椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆瀵兼澘璁捐">椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆瀵兼澘璁捐</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B15'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span title="椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆鍩哄彴涓婇儴鍐犵粨鏋�">椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆鍩哄彴涓婇儴鍐犵粨鏋�</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('B16'))">
+                                <img class="theme-color" src="../../assets/images/tuoZhan.svg" alt="" />
+                                <span title="椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆铻轰笣鍥哄畾妗ヨ璁�">椤圭洰鍥� 鑰冭瘯鐭ヨ瘑鐐� 绉嶆铻轰笣鍥哄畾妗ヨ璁�</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="unitSummary">
+                        <div class="summary-content">
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C14'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span title="椤圭洰鍥� 鏁板瓧鍖栨墜鏈鏉胯璁� 灏忕粨">椤圭洰鍥� 鏁板瓧鍖栨墜鏈鏉胯璁� 灏忕粨</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C15'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span title="椤圭洰鍥� 绉嶆涓�у寲鍩哄彴璁捐 灏忕粨">椤圭洰鍥� 绉嶆涓�у寲鍩哄彴璁捐 灏忕粨</span>
+                            </div>
+                            <div class="summary-content-box" @click="toUrl(getResourceInfo('C16'))">
+                                <img class="theme-color" src="../../assets/images/zongJie.svg" alt="" />
+                                <span title="椤圭洰鍥� 绉嶆铻轰笣鍥轰綅妗ヨ璁� 灏忕粨">椤圭洰鍥� 绉嶆铻轰笣鍥轰綅妗ヨ璁� 灏忕粨</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="knowledgeExpansion">
+                        <div class="questionBank">
+                            <img src="../../assets/images/sanJiao.svg" alt="" />
+                            <span>棰樺簱</span>
+                        </div>
+                        <div class="knowledgeExpansion-box">
+                            <img src="../../assets/images/tuoZhan.svg" alt="" />
+                            <span @click="openQuestion(getResourceInfo('AA5'))">鎷撳睍缁冧範</span>
+                        </div>
+                    </div>
                     <p class="right-info">锛堟潕鏂囧銆�寮犲媷銆�钖涘濮楋級</p>
                 </div>
                 <div class="page-bottom-right">103</div>
             </div>
         </div>
-
+        <preView :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
+        <dialogExaminations :cardList="interfaceQuestion" :questionIDList="questionIDList" :page="questionNum"
+            :questionTitle="questionTitleMain" ref="dialogRef">
+        </dialogExaminations>
     </div>
 </template>
 
 
 <script>
+import preView from "@/components/pdfview/index.vue";
+import bookVideo from "@/components/bookVideo/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
     name: "chapterFive",
     props: {
         showPageList: {
             type: Array,
         },
+        getResourceInfo: {
+            type: Function, // 鏄庣‘鎸囧畾瀹冩槸涓�涓嚱鏁�
+            required: true,
+        },
+        interfaceQuestion: {
+            type: Array,
+            required: true,
+            default: () => [],
+        },
+    },
+    components: {
+        preView,
+        bookVideo,
+        dialogExaminations,
+    },
+    data() {
+        return {
+            p_md5: "",
+            somePdfTitleValue: "",
+            // 棰樼洰鐩稿叧
+            questionNum: 0,
+            questionTitleMain: "",
+            questionIDList: [],
+            questionData: {
+                one: "",
+                two: "",
+                three: "",
+                fore: "",
+                five: "",
+                six: "",
+                seven: "",
+                eight: "",
+                nine: "",
+                ten: "",
+                eleven: ""
+            }
+        };
+    },
+    mounted() {
+        this.getQuestionData()
+    },
+    methods: {
+        toUrl(val) {
+            if (val != null) {
+                this.p_md5 = val.md5;
+                this.somePdfTitleValue = val.resourceName;
+                this.$refs.pdfDialogRef.openDialog();
+            }
+        },
+        openQuestion(val) {
+            if (val != undefined) {
+                this.questionNum = val.pagination;
+                this.questionTitleMain = val.resourceName;
+                this.questionIDList = val.ids;
+                this.$nextTick(() => {
+                    this.$refs.dialogRef.openDialogQuestion();
+                });
+            }
+        },
+        setQuestionData() {
+            localStorage.setItem(
+                "digitalDentalRestorationTechnology-book-chapter05-questionData",
+                JSON.stringify(this.questionData)
+            );
+        },
+        getQuestionData() {
+            let questionData = localStorage.getItem("digitalDentalRestorationTechnology-book-chapter05-questionData");
+            if (questionData) {
+                this.questionData = JSON.parse(questionData);
+            }
+        },
     },
 }
 </script>

--
Gitblit v1.9.1