font

app/index/view/mobile/topic_power_prodline/index.html

@@ -1,8 +1,5 @@
 {extend name="public/base" /}
 {block name="style"}
-
-
-
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/index.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/swiper.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/nav.css">
@@ -12,7 +9,6 @@
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_list.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/product_card.css">
 <link rel="stylesheet" href="__CSS__/topic_power_prodline/footer.css">
-
 {/block}
 {block name="header"}
 <!-- 重置header头为空 -->
@@ -51,10 +47,9 @@
 {notempty name="data.why_choose"}
 <div class="advantage-section">
     {assign name="why_choose_title" value=":array_shift($data.why_choose)" /}
-    <h2 class="advantage-section__title">{$why_choose_title.title|default=''}</h2>
+    <h2 class="advantage-section__title">{$why_choose_title.title|default=''|raw}</h2>
     <div class="advantage-section__list">
         {volist name="data.why_choose" id="ch"}
-        
         <div class="advantage-card-wrap">
             <div class="advantage-card" data-target="design">
                 <img src="{$ch.image}" alt="{$ch.title}:{$ch.short_title}" class="advantage-card__img">
@@ -144,7 +139,7 @@
     {notempty name="tc_three_section"}
     <a href="{$tc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$tc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -223,7 +218,7 @@
     {notempty name="hc_three_section"}
     <a href="{$hc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$hc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -305,7 +300,7 @@
     {notempty name="dc_three_section"}
     <a href="{$dc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$dc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -359,7 +354,7 @@
     {notempty name="wc_more_section"}
     <a href="{$wc_more_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$wc_more_section.title}
         </div>
     </a>
     {/notempty}
@@ -424,7 +419,7 @@
     {notempty name="ct_more_section"}
     <a href="{$ct_more_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$ct_more_section.title}
         </div>
     </a>
     {/notempty}
@@ -432,8 +427,8 @@
 {/notempty}
 {notempty name="data.footer_info"}
 <!-- 底部 -->
-<div class="footer">
+<div class="prodline-footer-box">
-    <div class="footer-img">
+    <div class="prodline-footer-box-img">
         <img src="{$data.footer_info.0.image}" alt="">
     </div>
 </div>
@@ -448,7 +443,6 @@
 {/block}
 {block name="script"}
 <script type="text/javascript">
-
     let swiper=null;
     const advantageItems = document.querySelectorAll('.advantage-card');
     let scrollTop = 0; // 保存页面滚动位置
@@ -469,13 +463,13 @@
         if (closeBtnHtml) {
             closeBtnHtml.remove();
         }
-    
+
         closeBtnHtml = document.createElement('span');
         closeBtnHtml.className = 'close-btn';
         closeBtnHtml.innerHTML = '&times;';
-    
+
         closeBtnHtml.addEventListener('click', hideMask);
-    
+
         // 挂载到 maskContent（而非 scrollContent），避免被滚动影响位置
         maskContent.prepend(closeBtnHtml);
     }
@@ -542,31 +536,31 @@
                 // 显示蒙版并传入纯净的子内容
                 showMask(contentHtml);
             } 
-         });
+            });
     });
     // 关闭按钮事件
     closeBtn.addEventListener('click', hideMask);
     // 点击蒙版背景关闭（可选）
     mask.addEventListener('click', (e) => {
-    	if (e.target === mask) hideMask();
+        if (e.target === mask) hideMask();
     });
 
     // ESC 键关闭（可选）
     document.addEventListener('keydown', (e) => {
-    	if (e.key === 'Escape' && mask.style.display === 'flex') hideMask();
+        if (e.key === 'Escape' && mask.style.display === 'flex') hideMask();
     });
-    
+
     // 关键：拦截蒙版的 touchmove 事件，阻止滚动穿透（移动端核心）
     mask.addEventListener(
-    	'touchmove',
+        'touchmove',
-    	(e) => {
+        (e) => {
-    		// 只有点击蒙版背景（不是内容区域）才阻止滚动
+            // 只有点击蒙版背景（不是内容区域）才阻止滚动
-    		if (e.target === mask) {
+            if (e.target === mask) {
-    			e.preventDefault(); // 阻止默认触摸滚动行为
+                e.preventDefault(); // 阻止默认触摸滚动行为
-    			e.stopPropagation(); // 阻止事件冒泡
+                e.stopPropagation(); // 阻止事件冒泡
-    		}
+            }
-    	},
+        },
-    	{ passive: false }
+        { passive: false }
     ); // passive: false 必须，否则 preventDefault 无效
     document.addEventListener('DOMContentLoaded', () => {
             // 初始化所有视频容器
@@ -706,12 +700,12 @@
     });
 
     window.onload = function () {
-    	if (typeof Swiper === 'undefined') {
+        if (typeof Swiper === 'undefined') {
-    		console.error('Swiper加载失败，请刷新页面重试');
+            console.error('Swiper加载失败，请刷新页面重试');
-    		return;
+            return;
-    	}
+        }
-    
+
-    	swiper = new Swiper('.auto-swiper-container', {
+        swiper = new Swiper('.auto-swiper-container', {
             autoplay: {
                 delay: 3000, // 3秒切换
                 disableOnInteraction: false,
@@ -723,7 +717,7 @@
             pagination: {
                 el: '.swiper-pagination', // 对应 HTML 中的指示标容器
                 clickable: true, // 允许点击指示标切换
-               // dynamicBullets: true, // 动态指示标（当前激活放大）
+                // dynamicBullets: true, // 动态指示标（当前激活放大）
                 //dynamicMainBullets: 3, // 动态模式显示3个核心指示标
             },
             navigation: false,
@@ -734,16 +728,13 @@
                 },
             },
         });
-    
-    	window.addEventListener('resize', function () {
-    		swiper.update();
-    	});
-    
-    	// 初始化时触发滚动事件，确保状态正确
-    	window.dispatchEvent(new Event('scroll'));
-    };
 
-    
+        window.addEventListener('resize', function () {
-    
+            swiper.update();
+        });
+
+        // 初始化时触发滚动事件，确保状态正确
+        window.dispatchEvent(new Event('scroll'));
+    };
 </script>
 {/block}

app/index/view/pc/topic_power_prodline/index.html

@@ -16,7 +16,7 @@
 {block name="main"}
 <a class="header" href="/">
     <div class="header-img">
-        <!-- <img src="__IMAGES__/logo.png" alt=""> -->
+        <img src="__IMAGES__/logo.png" alt="">
     </div>
 </a>
 <!-- 轮播核心容器 -->
@@ -47,10 +47,9 @@
 {notempty name="data.why_choose"}
 <div class="advantage-section">
     {assign name="why_choose_title" value=":array_shift($data.why_choose)" /}
-    <h2 class="advantage-section__title">{$why_choose_title.title|default=''}</h2>
+    <h2 class="advantage-section__title">{$why_choose_title.title|default=''|raw}</h2>
     <div class="advantage-section__list">
         {volist name="data.why_choose" id="ch"}
-        
         <div class="advantage-card-wrap">
             <div class="advantage-card" data-target="design">
                 <img src="{$ch.image}" alt="{$ch.title}:{$ch.short_title}" class="advantage-card__img">
@@ -124,7 +123,7 @@
     {notempty name="tc_three_section"}
     <a href="{$tc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$tc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -187,7 +186,7 @@
     {notempty name="hc_three_section"}
     <a href="{$hc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$hc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -219,7 +218,7 @@
                 <!--muted loop playsinline controls-->
             <video
                 src="{$dc_first_section_lr.video}"
-                class="right-content right-video"  style="display: none;">
+                class="right-content right-video"  muted loop playsinline controls>
                 您的浏览器不支持HTML5视频播放，请升级浏览器
             </video>
         </div>
@@ -254,7 +253,7 @@
     {notempty name="dc_three_section"}
     <a href="{$dc_three_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$dc_three_section.title}
         </div>
     </a>
     {/notempty}
@@ -292,7 +291,7 @@
     {notempty name="wc_more_section"}
     <a href="{$wc_more_section.link}" class="more">
         <div class="more-img">
-            查看更多
+            {$wc_more_section.title}
         </div>
     </a>
     {/notempty}
@@ -340,7 +339,7 @@
     {notempty name="ct_more_section"}
     <a href="{$ct_more_section.link}" class="more" style="padding: clamp(1.5rem, 3vw, 3rem) 0">
         <div class="more-img">
-            查看更多
+            {$ct_more_section.title}
         </div>
     </a>
     {/notempty}
@@ -348,8 +347,8 @@
 {/notempty}
 {notempty name="data.footer_info"}
 <!-- 底部 -->
-<div class="footer">
+<div class="prodline-footer-box">
-    <div class="footer-img">
+    <div class="prodline-footer-box-img">
         <img src="{$data.footer_info.0.image}" alt="">
     </div>
 </div>
@@ -364,7 +363,6 @@
 {/block}
 {block name="script"}
 <script type="text/javascript">
-
     let swiper=null;
     const advantageItems = document.querySelectorAll('.advantage-card');
     let scrollTop = 0; // 保存页面滚动位置
@@ -579,8 +577,5 @@
     	// 初始化时触发滚动事件，确保状态正确
     	window.dispatchEvent(new Event('scroll'));
     };
-
-    
-    
 </script>
 {/block}

database/seeds/SysConfigInit.php

@@ -73,8 +73,8 @@ class SysConfigInit extends Seeder
             ["id" => 56, "group_id" => 12, "title" => "Instagram URL新窗口打开", "name" => "article_share_to_instagram.is_blank", "value" => "1", "extra" => "1:是\n0:否", "type" => "radio", "sort" => 6, "remark" => "", "created_at" => "2025-04-23 17:49:12", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
             ["id" => 57, "group_id" => 12, "title" => "Twitter URL新窗口打开", "name" => "article_share_to_twitter.is_blank", "value" => "1", "extra" => "1:是\n0:否", "type" => "radio", "sort" => 9, "remark" => "", "created_at" => "2025-04-23 17:49:12", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
             ["id" => 58, "group_id" => 12, "title" => "Reddit URL新窗口打开", "name" => "article_share_to_reddit.is_blank", "value" => "1", "extra" => "1:是\n0:否", "type" => "radio", "sort" => 12, "remark" => "", "created_at" => "2025-04-23 17:49:12", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
-            ["id" => 59, "group_id" => 1, "title" => "产品询盘可选国家", "name" => "optional_country_for_product_inquiry", "value" => "Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntigua and Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nAzores\nBahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBrazil\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCanarias\nCape Verde\nCayman\nCentral African Republic\nChad\nChile\nChina\nColombia\nComoros\nCongo (Congo-Kinshasa)\nCongo\nCook Islands\nCosta Rica\nCote D'Ivoire\nCroatia\nCuba\nCyprus\nCzech\nDenmark\nDjibouti\nDominica\nDominican\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nFiji\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nGabon\nGambia\nGeorgia\nGermany\nGhana\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHonduras\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJordan\nKazakhstan\nKenya\nKiribati\nKorea (North)\nKorea (South)\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacedonia\nMadagascar\nMadeira\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMontserrat\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNiue\nNorthern Mariana\nNorway\nOman\nPakistan\nPalau\nPalestine\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussian Federation\nRwanda\nSaint Helena\nSaint Kitts-Nevis\nSaint Lucia\nSaint Vincent and the Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSolomon Islands\nSomalia\nSouth Africa\nSpain\nSri Lanka\nSudan\nSuriname\nSwaziland\nSweden\nSwitzerland\nSyria\nTajikistan\nTanzania\nThailand\nThe British Virgin Islands\nThe United States Virgin Islands\nTimor-Leste\nTogo\nTokelau\nTonga\nTrinidad and Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks and Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUruguay\nUzbekistan\nVanuatu\nVatican City\nVenezuela\nVietnam\nWallis and Futuna\nWestern Sahara\nYemen\nZambia\nZimbabwe", "extra" => "", "type" => "textarea", "sort" => 7, "remark" => "", "created_at" => "2025-04-27 11:10:22", "updated_at" => "2025-06-11 17:09:13", "deleted_at" => null],
+            ["id" => 59, "group_id" => 1, "title" => "产品询盘可选国家", "name" => "optional_country_for_product_inquiry", "value" => "Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntigua and Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nAzores\nBahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBrazil\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCanarias\nCape Verde\nCayman\nCentral African Republic\nChad\nChile\nChina\nColombia\nComoros\nCongo (Congo-Kinshasa)\nCongo\nCook Islands\nCosta Rica\nCote D'Ivoire\nCroatia\nCuba\nCyprus\nCzech\nDenmark\nDjibouti\nDominica\nDominican\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nFiji\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nGabon\nGambia\nGeorgia\nGermany\nGhana\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHonduras\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJordan\nKazakhstan\nKenya\nKiribati\nKorea (North)\nKorea (South)\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacedonia\nMadagascar\nMadeira\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMetropolis\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNiue\nNorthern Mariana\nNorway\nOman\nPakistan\nPalau\nPalestine\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussian Federation\nRwanda\nSaint Helena\nSaint Kitts-Nevis\nSaint Lucia\nSaint Vincent and the Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSolomon Islands\nSomalia\nSouth Africa\nSpain\nSri Lanka\nSudan\nSuriname\nSwaziland\nSweden\nSwitzerland\nSyria\nTajikistan\nTanzania\nThailand\nThe British Virgin Islands\nThe United States Virgin Islands\nTimor-Leste\nTogo\nTokelau\nTonga\nTrinidad and Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks and Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUruguay\nUzbekistan\nVanuatu\nVatican City\nVenezuela\nVietnam\nWallis and Futuna\nWestern Sahara\nYemen\nZambia\nZimbabwe", "extra" => "", "type" => "textarea", "sort" => 7, "remark" => "", "created_at" => "2025-04-27 11:10:22", "updated_at" => "2025-06-11 17:09:13", "deleted_at" => null],
-            ["id" => 60, "group_id" => 4, "title" => "产品询盘可选国家", "name" => "optional_country_for_product_inquiry", "value" => "Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntigua and Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nAzores\nBahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBrazil\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCanarias\nCape Verde\nCayman\nCentral African Republic\nChad\nChile\nChina\nColombia\nComoros\nCongo (Congo-Kinshasa)\nCongo\nCook Islands\nCosta Rica\nCote D'Ivoire\nCroatia\nCuba\nCyprus\nCzech\nDenmark\nDjibouti\nDominica\nDominican\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nFiji\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nGabon\nGambia\nGeorgia\nGermany\nGhana\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHonduras\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJordan\nKazakhstan\nKenya\nKiribati\nKorea (North)\nKorea (South)\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacedonia\nMadagascar\nMadeira\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMontserrat\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNiue\nNorthern Mariana\nNorway\nOman\nPakistan\nPalau\nPalestine\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussian Federation\nRwanda\nSaint Helena\nSaint Kitts-Nevis\nSaint Lucia\nSaint Vincent and the Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSolomon Islands\nSomalia\nSouth Africa\nSpain\nSri Lanka\nSudan\nSuriname\nSwaziland\nSweden\nSwitzerland\nSyria\nTajikistan\nTanzania\nThailand\nThe British Virgin Islands\nThe United States Virgin Islands\nTimor-Leste\nTogo\nTokelau\nTonga\nTrinidad and Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks and Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUruguay\nUzbekistan\nVanuatu\nVatican City\nVenezuela\nVietnam\nWallis and Futuna\nWestern Sahara\nYemen\nZambia\nZimbabwe", "extra" => null, "type" => "textarea", "sort" => 7, "remark" => null, "created_at" => "2025-04-27 11:23:25", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
+            ["id" => 60, "group_id" => 4, "title" => "产品询盘可选国家", "name" => "optional_country_for_product_inquiry", "value" => "Afghanistan\nAlbania\nAlgeria\nAmerican Samoa\nAndorra\nAngola\nAnguilla\nAntigua and Barbuda\nArgentina\nArmenia\nAruba\nAustralia\nAustria\nAzerbaijan\nAzores\nBahamas\nBahrain\nBangladesh\nBarbados\nBelarus\nBelgium\nBelize\nBenin\nBermuda\nBhutan\nBolivia\nBosnia and Herzegovina\nBotswana\nBrazil\nBrunei\nBulgaria\nBurkina Faso\nBurundi\nCambodia\nCameroon\nCanada\nCanarias\nCape Verde\nCayman\nCentral African Republic\nChad\nChile\nChina\nColombia\nComoros\nCongo (Congo-Kinshasa)\nCongo\nCook Islands\nCosta Rica\nCote D'Ivoire\nCroatia\nCuba\nCyprus\nCzech\nDenmark\nDjibouti\nDominica\nDominican\nEcuador\nEgypt\nEl Salvador\nEquatorial Guinea\nEritrea\nEstonia\nEthiopia\nFiji\nFinland\nFrance\nFrench Guiana\nFrench Polynesia\nGabon\nGambia\nGeorgia\nGermany\nGhana\nGreece\nGreenland\nGrenada\nGuadeloupe\nGuam\nGuatemala\nGuinea\nGuinea-Bissau\nGuyana\nHaiti\nHonduras\nHungary\nIceland\nIndia\nIndonesia\nIran\nIraq\nIreland\nIsrael\nItaly\nJamaica\nJapan\nJordan\nKazakhstan\nKenya\nKiribati\nKorea (North)\nKorea (South)\nKuwait\nKyrgyzstan\nLaos\nLatvia\nLebanon\nLesotho\nLiberia\nLibya\nLiechtenstein\nLithuania\nLuxembourg\nMacedonia\nMadagascar\nMadeira\nMalawi\nMalaysia\nMaldives\nMali\nMalta\nMarshall Islands\nMartinique\nMauritania\nMauritius\nMexico\nMicronesia\nMoldova\nMonaco\nMongolia\nMetropolis\nMorocco\nMozambique\nMyanmar\nNamibia\nNauru\nNepal\nNetherlands Antilles\nNetherlands\nNew Caledonia\nNew Zealand\nNicaragua\nNiger\nNiue\nNorthern Mariana\nNorway\nOman\nPakistan\nPalau\nPalestine\nPanama\nPapua New Guinea\nParaguay\nPeru\nPhilippines\nPitcairn Islands\nPoland\nPortugal\nPuerto Rico\nQatar\nReunion\nRomania\nRussian Federation\nRwanda\nSaint Helena\nSaint Kitts-Nevis\nSaint Lucia\nSaint Vincent and the Grenadines\nSamoa\nSan Marino\nSao Tome and Principe\nSaudi Arabia\nSenegal\nSerbia\nSeychelles\nSierra Leone\nSingapore\nSlovakia\nSlovenia\nSolomon Islands\nSomalia\nSouth Africa\nSpain\nSri Lanka\nSudan\nSuriname\nSwaziland\nSweden\nSwitzerland\nSyria\nTajikistan\nTanzania\nThailand\nThe British Virgin Islands\nThe United States Virgin Islands\nTimor-Leste\nTogo\nTokelau\nTonga\nTrinidad and Tobago\nTunisia\nTurkey\nTurkmenistan\nTurks and Caicos Islands\nTuvalu\nUganda\nUkraine\nUnited Arab Emirates\nUnited Kingdom\nUnited States\nUruguay\nUzbekistan\nVanuatu\nVatican City\nVenezuela\nVietnam\nWallis and Futuna\nWestern Sahara\nYemen\nZambia\nZimbabwe", "extra" => null, "type" => "textarea", "sort" => 7, "remark" => null, "created_at" => "2025-04-27 11:23:25", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
             ["id" => 61, "group_id" => 1, "title" => "导航位置店铺URL", "name" => "navigation_store_url", "value" => "https://oricotechs.com/", "extra" => null, "type" => "text", "sort" => 6, "remark" => null, "created_at" => "2025-05-13 17:45:46", "updated_at" => "2025-06-11 17:09:13", "deleted_at" => null],
             ["id" => 62, "group_id" => 4, "title" => "导航位置店铺URL", "name" => "navigation_store_url", "value" => "https://oricotechs.com/", "extra" => null, "type" => "text", "sort" => 6, "remark" => null, "created_at" => "2025-05-13 17:45:46", "updated_at" => "2025-06-12 09:55:21", "deleted_at" => null],
             ["id" => 63, "group_id" => 7, "title" => "邮箱", "name" => "website_email", "value" => "supports@orico.com.cn", "extra" => null, "type" => "text", "sort" => 1, "remark" => null, "created_at" => "2025-05-23 17:06:53", "updated_at" => "2025-06-11 17:09:13", "deleted_at" => null],

public/static/index/mobile/css/aboutus_introduction.css

@@ -23,7 +23,7 @@
 
 .iotbt1 {
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   padding-bottom: 24px;
   padding-top: 40px;
   font-weight: 700;
@@ -60,7 +60,7 @@
 
 .iotbtp1 {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 11px;
   word-break: break-word;
@@ -69,7 +69,7 @@
 .iotbts1 {
   text-align: center;
   font-size: 12px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #9e9e9f;
   word-break: break-word;
 }
@@ -140,7 +140,7 @@
   font-size: 14px;
   padding-top: 12px;
   text-align: center;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   overflow-wrap: break-word;
   word-break: break-word;
 }
@@ -152,7 +152,7 @@
 .sfbt1 {
   text-align: center;
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 24px;
   padding-top: 24px;
@@ -183,7 +183,7 @@
 .cit {
   width: 100%;
   font-size: 14px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   color: #000;
   display: flex;
   flex-direction: row;
@@ -237,7 +237,7 @@
 .wcu_s1 {
   color: #000;
   font: 16px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
   padding: 20px 24px;
 }

public/static/index/mobile/css/aboutus_mileage.css

@@ -598,7 +598,7 @@
     margin: auto;
     font-size: 1rem;
     color: #707070;
-    font-family: "Montserrat-Medium";
+    font-family: "Metropolis-Medium";
 }
 
 .oricoCnLc .gallery-thumbs .swiper-slide-thumb-active {
@@ -632,14 +632,14 @@
 .oricoCnLc .info h5 {
     font-size: #000;
     font-size: 1rem;
-    font-family: "Montserrat-Bold";
+    font-family: "Metropolis-Bold";
     padding: 2rem 2rem 0 1rem;
     margin: 0;
 }
 
 .oricoCnLc .info p {
     color: #707070;
-    font-family: "Montserrat-Regular";
+    font-family: "Metropolis-Regular";
     padding: 1rem;
 }
 
@@ -651,7 +651,7 @@
 
 .oricoCnLc .m_ach-b .title {
     font-size: 1.125rem;
-    font-family: "Montserrat-Bold";
+    font-family: "Metropolis-Bold";
     width: 98%;
     margin: auto;
     position: relative;
@@ -660,7 +660,7 @@
 
 .oricoCnLc .m_ach-b .chtitle {
     font-size: 1.125rem;
-    font-family: "Montserrat-Bold";
+    font-family: "Metropolis-Bold";
     width: 98%;
     margin: auto;
     position: relative;
@@ -677,7 +677,7 @@
 
 .oricoCnLc .m_ch-title {
     font-size: 1rem;
-    font-family: "Montserrat-Bold";
+    font-family: "Metropolis-Bold";
     width: 98%;
     margin: 1rem auto 0;
     padding: 1rem 0 0;
@@ -690,7 +690,7 @@
     font-size: 0.875;
     line-height: 1.5rem;
     color: #707070;
-    font-family: "Montserrat-Regular";
+    font-family: "Metropolis-Regular";
     width: 98%;
     margin: 1rem auto;
     padding: 0;

public/static/index/mobile/css/article_detail.css

@@ -156,7 +156,7 @@
   border-radius: 8px;
   height: 48px;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 
 .oricoEGapp-articledetail .content .share_box .comment .comment_form>div input {

public/static/index/mobile/css/attachment_video.css

@@ -33,7 +33,7 @@
   border-radius: 1rem;
   background-color: #fff;
   color: #6b6c6e;
-  font-family: "Montserrat-Medium";
+  font-family: "Metropolis-Medium";
   font-size: 0.875rem;
   display: inline-block;
   margin-bottom: 0.5rem;

public/static/index/mobile/css/contactus_bulkbuy.css

@@ -16,7 +16,7 @@
   font-size: 18px;
   color: #004bfa;
   text-align: left;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 12px;
@@ -27,7 +27,7 @@
   color: #707070;
   text-align: center;
   text-align: left;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
 }
 
@@ -83,7 +83,7 @@
 
 .itlable {
   font-size: 12.5px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #000000;
   font-weight: bold;
   padding-bottom: 5px;
@@ -106,7 +106,7 @@
   height: 48px;
   border: none;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 
 .itselectopen {
@@ -130,12 +130,12 @@
   padding: 15px;
   background: #f2f2f2;
   border-radius: 8px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 
 .bttj {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   /* width: 212px; */
 /*  height: 48px; */
@@ -173,7 +173,7 @@
 
 .iotbt1 {
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   padding-bottom: 24px;
   padding-top: 40px;
   font-weight: 700;
@@ -210,7 +210,7 @@
 
 .iotbtp1 {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 11px;
   word-break: break-word;
@@ -219,7 +219,7 @@
 .iotbts1 {
   text-align: center;
   font-size: 12px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #9e9e9f;
   word-break: break-word;
 }
@@ -290,7 +290,7 @@
   font-size: 14px;
   padding-top: 12px;
   text-align: center;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   overflow-wrap: break-word;
   word-break: break-word;
 }
@@ -302,7 +302,7 @@
 .sfbt1 {
   text-align: center;
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 24px;
   padding-top: 24px;
@@ -333,7 +333,7 @@
 .cit {
   width: 100%;
   font-size: 14px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   color: #000;
   display: flex;
   flex-direction: row;
@@ -388,7 +388,7 @@
 .wcu_s1 {
   color: #000;
   font-size: 16px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
   padding: 20px 24px;
 }

public/static/index/mobile/css/contactus_distributor.css

@@ -16,7 +16,7 @@
   font-size: 18px;
   color: #004bfa;
   text-align: left;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 12px;
@@ -27,7 +27,7 @@
   color: #707070;
   text-align: center;
   text-align: left;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
 }
 
@@ -83,7 +83,7 @@
 
 .itlable {
   font-size: 12.5px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #000000;
   font-weight: bold;
   padding-bottom: 5px;
@@ -106,7 +106,7 @@
   height: 48px;
   border: none;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 
 .itselectopen {
@@ -130,13 +130,13 @@
   padding: 15px;
   background: #f2f2f2;
   border-radius: 8px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   border: 0;
 }
 
 .bttj {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   /* width: 212px; */
   padding: 15px 60px;
@@ -173,7 +173,7 @@
 
 .iotbt1 {
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   padding-bottom: 24px;
   padding-top: 40px;
   font-weight: 700;
@@ -210,7 +210,7 @@
 
 .iotbtp1 {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 11px;
   word-break: break-word;
@@ -219,7 +219,7 @@
 .iotbts1 {
   text-align: center;
   font-size: 12px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #9e9e9f;
   word-break: break-word;
 }
@@ -290,7 +290,7 @@
   font-size: 14px;
   padding-top: 12px;
   text-align: center;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   overflow-wrap: break-word;
   word-break: break-word;
 }
@@ -302,7 +302,7 @@
 .sfbt1 {
   text-align: center;
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 24px;
   padding-top: 24px;
@@ -333,7 +333,7 @@
 .cit {
   width: 100%;
   font-size: 14px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   color: #000;
   display: flex;
   flex-direction: row;
@@ -387,7 +387,7 @@
 .wcu_s1 {
   color: #000;
   font: 16px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
   padding: 20px 24px;
 }

public/static/index/mobile/css/contactus_index.css

@@ -7,7 +7,7 @@
   margin-top: 3.3rem;
 }
 .oricoEGapp-Contact .banner_title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 1.5rem;
   position: absolute;
   top: 50%;
@@ -24,7 +24,7 @@
   color: #000;
 }
 .oricoEGapp-Contact .title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 1rem;
 }
 .oricoEGapp-Contact .info {
@@ -43,12 +43,12 @@
   height: 3rem;
 }
 .oricoEGapp-Contact .info .right .des {
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 .oricoEGapp-Contact .info_title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   line-height: 1.25rem;
   margin-bottom: 0.22rem;
@@ -61,7 +61,7 @@
 }
 .oricoEGapp-Contact .question .title {
   margin-top: 0.5rem;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -86,7 +86,7 @@
 .oricoEGapp-Contact .send {
   display: block;
   background-color: #004bfa;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   padding: 0.75rem 1.5rem;
   color: #fff;
@@ -98,7 +98,7 @@
   color: #ee2f53;
 }
 .oricoEGapp-Contact .contact_b {
-  font-family: "Montserrat-SemiBold";
+  font-family: "Metropolis-SemiBold";
   font-size: 1rem;
   padding-top: 1.125rem;
   padding-bottom: 1.125rem;
@@ -119,42 +119,42 @@
 .oricoEGapp-Contact input::-webkit-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input:-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input::-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input:-ms-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea::-webkit-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea:-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea::-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea:-ms-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact .narskfPage {
   width: 100%;

public/static/index/mobile/css/contactus_message.css

@@ -7,7 +7,7 @@
   margin-top: 3.3rem;
 }
 .oricoEGapp-Contact .banner_title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 1.5rem;
   position: absolute;
   top: 50%;
@@ -24,7 +24,7 @@
   color: #000;
 }
 .oricoEGapp-Contact .title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 1rem;
 }
 .oricoEGapp-Contact .info {
@@ -46,12 +46,12 @@
   width: 88% !important;
 }
 .oricoEGapp-Contact .info .right .des {
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 .oricoEGapp-Contact .info_title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   line-height: 1.25rem;
   margin-bottom: 0.22rem;
@@ -64,7 +64,7 @@
 }
 .oricoEGapp-Contact .question .title {
   margin-top: 0.5rem;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
@@ -89,7 +89,7 @@
 .oricoEGapp-Contact .send {
   display: block;
   background-color: #004bfa;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   padding: 0.75rem 1.5rem;
   color: #fff;
@@ -101,7 +101,7 @@
   color: #ee2f53;
 }
 .oricoEGapp-Contact .contact_b {
-  font-family: "Montserrat-SemiBold";
+  font-family: "Metropolis-SemiBold";
   font-size: 1rem;
   padding-top: 1.125rem;
   padding-bottom: 1.125rem;
@@ -122,40 +122,40 @@
 .oricoEGapp-Contact input::-webkit-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input:-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input::-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact input:-ms-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea::-webkit-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea:-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea::-moz-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }
 .oricoEGapp-Contact textarea:-ms-input-placeholder {
   color: #9e9e9f;
   font-size: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
 }

public/static/index/mobile/css/font.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'icomoon';
   src: url('../fonts/icomoon/icomoon.eot?11cuay');
-  src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('truetype'),
+  src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('opentype'),
     url('../fonts/icomoon/icomoon.woff?11cuay') format('woff'), url('../fonts/icomoon/icomoon.svg?11cuay#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -54,7 +54,7 @@
   font-family: 'colleciton';
   src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay');
   src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay#iefix') format('embedded-opentype'),
-    url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('truetype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'),
+    url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('opentype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'),
     url('../fonts/icomoon/colleciton/icomoon.svg?11cuay#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -83,7 +83,7 @@
 @font-face {
   font-family: 'icomoon';
   src: url('../fonts/icomoon/icomoona.eot?c46hgi');
-  src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('truetype'),
+  src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('opentype'),
     url('../fonts/icomoon/icomoona.woff?c46hgi') format('woff'), url('../fonts/icomoon/icomoona.svg?c46hgi#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;

public/static/index/mobile/css/fonts.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'icomoon';
   src: url('../fonts/icomoon/icomoon.eot?ujw7hy');
-  src: url('../fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+  src: url('../fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?ujw7hy') format('opentype'),
     url('../fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('../fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -114,7 +114,7 @@
   font-family: 'icomoon01';
   src: url('fonts-20190124/icomoon.eot?ll2528');
   src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
-    url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
+    url('fonts-20190124/icomoon.ttf?ll2528') format('opentype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
     url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -161,7 +161,7 @@
 @font-face {
   font-family: 'icomoon02';
   src: url('fonts/other/icomoon.eot?ujw7hy');
-  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
+  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('opentype'),
     url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -189,7 +189,7 @@
   font-family: 'icomoon05';
   src: url('fonts-20220322/icomoon.eot?cdcz43');
   src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
-    url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
+    url('fonts-20220322/icomoon.ttf?cdcz43') format('opentype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
     url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;

public/static/index/mobile/css/header.css

@@ -29,7 +29,7 @@
   display: none;
 }
 .oircoEgapp-head .top-menu .it-ct {
-  font-family: "Montserrat-SemiBold";
+  font-family: "Metropolis-SemiBold";
   font-weight: bold;
 }
 .oircoEgapp-head .top-menu .it-ct .it-1 {

public/static/index/mobile/css/public.css

@@ -1,20 +1,20 @@
 @font-face {
-	font-family: "Montserrat";
+	font-family: "Metropolis";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Regular.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Montserrat-Bold";
+	font-family: "Metropolis-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Bold.ttf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Montserrat-Medium";
+	font-family: "Metropolis-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Medium.ttf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
@@ -22,7 +22,7 @@
 * {
 	margin: 0;
 	padding: 0;
-	/* font-family: 'Montserrat'; */
+	/* font-family: 'Metropolis'; */
 	-ms-overflow-style: none;
 	/* IE 和 Edge */
 	scrollbar-width: none;
@@ -88,7 +88,7 @@ a {
 }
 
 body {
-	font-family: 'Montserrat-SemiBold';
+	font-family: 'Metropolis-SemiBold';
 }
 
 /* 分页样式 */

public/static/index/mobile/css/style.css

@@ -1,29 +1,29 @@
 @font-face {
-	font-family: "Montserrat";
+	font-family: "Metropolis";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Regular.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
-	font-family: "Montserrat-Bold";
+	font-family: "Metropolis-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Bold.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
-	font-family: "Montserrat-Medium";
+	font-family: "Metropolis-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	src: url("../fonts/Metropolis-Medium.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 @font-face {
-	font-family: "Montserrat-SemiBold";
+	font-family: "Metropolis-SemiBold";
-	src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
+	src: url("../fonts/Metropolis-SemiBold.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
 body {
-  font-family: 'Montserrat-SemiBold';
+  font-family: 'Metropolis-SemiBold';
   margin: auto;
   background-color: #f5f5f5;
   max-width: 750px;
@@ -591,7 +591,7 @@ button.swiper-pagination-bullet {
 .Innew-text .title {
   font-size: 2.5rem;
   padding-bottom: 1rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 .Inpro-text {
   padding: 2rem 0 0.8rem;
@@ -600,7 +600,7 @@ button.swiper-pagination-bullet {
 .Inpro-text .title {
   font-size: 1.5rem;
   padding-bottom: 1rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 
 .Innew-text .more {
@@ -635,7 +635,7 @@ video img {
   font-size: 1.2rem;
   max-height: 3rem;
   overflow: hidden;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 .inprotext .t-f16 {
   font-size: 1rem;
@@ -957,12 +957,12 @@ video img {
   margin: auto;
   line-height: 2rem;
   padding: 0 3rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 .ban-t {
   padding: 0.5rem 3rem;
   font-size: 1.125rem;
-  font-family: 'Montserrat-Regular';
+  font-family: 'Metropolis-Regular';
 }
 .btn-more {
   background: transparent;
@@ -979,7 +979,7 @@ video img {
   margin: auto;
   font-size: 1rem;
   font-weight: 600;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 /*类别*/
 .category {
@@ -1095,11 +1095,11 @@ video img {
   padding: 0.2rem 0;
   text-align: center;
   margin: 0;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 .num-bg li p {
   font-size: 0.8rem;
-  font-family: 'Montserrat-Regular';
+  font-family: 'Metropolis-Regular';
 }
 /*标题*/
 .Tech-text {
@@ -1115,7 +1115,7 @@ video img {
 .Tech-text p {
   padding: 1rem 0;
   font-size: 0.875rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 
 .pos-text {
@@ -1125,7 +1125,7 @@ video img {
   color: #fff;
   font-size: 0.825rem;
   margin: 0 auto;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   height: 2rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1157,7 +1157,7 @@ video img {
   font-size: 0.9rem;
   padding: 1rem 0;
   line-height: 1.3em;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   word-break: break-all;
 }
 .faq span {
@@ -1172,7 +1172,7 @@ video img {
   font-size: 0.875rem;
   line-height: 1.75em;
   color: #666;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 .faq i {
   position: absolute;
@@ -1209,7 +1209,7 @@ video img {
   word-wrap: break-word;
   overflow: hidden;
   height: 1.5rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
   font-weight: 400;
   word-break: break-all;
 }
@@ -1217,7 +1217,7 @@ video img {
   font-size: 1.125rem;
   color: #7f7f7f;
   padding-bottom: 1rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
   font-weight: 400;
 }
 /*foot */
@@ -1249,7 +1249,7 @@ video img {
 }
 .foot-in h3 {
   font-size: 1.25rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   font-weight: 100;
 }
 .logo-input {
@@ -1292,7 +1292,7 @@ video img {
 .foot-cate li p {
   font-size: 0.7rem;
   line-height: 2.5rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
   word-wrap: break-word;
 }
 .foot-wei {
@@ -1327,7 +1327,7 @@ video img {
   width: 100%;
   height: 1.2rem;
   cursor: pointer;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 /*下拉*/
 .m_footer .left {
@@ -1375,7 +1375,7 @@ video img {
   text-align: center;
   font-size: 12px;
   padding-bottom: 0.5rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 /*下拉*/
 .mask-up {
@@ -1985,7 +1985,7 @@ video img {
 }
 .swiper-slide a {
   color: #000;
-  font-family: 'Montserrat-SemiBold';
+  font-family: 'Metropolis-SemiBold';
 }
 .swiper-slide img {
   max-width: 100%;
@@ -2491,7 +2491,7 @@ video img {
   margin-right: 0px;
   line-height: 40px;
   font-weight: 600;
-  font-family: Montserrat !important;
+  font-family: Metropolis !important;
   color: #666;
   text-align: left;
 }
@@ -3479,26 +3479,26 @@ video img {
   font-size: 1.5rem;
   width: 90%;
   margin: 4rem auto 0;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
 }
 .timedesin {
   font-size: 0.875rem;
   padding: 0.5rem 1rem;
   line-height: 1.3rem;
   width: 90%;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 .timeblue {
   color: #004bfa;
   font-size: 1.125rem;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 .timeblue img {
   vertical-align: middle;
 }
 .timeblue a {
   color: #004bfa;
-  font-family: 'Montserrat-Medium';
+  font-family: 'Metropolis-Medium';
 }
 /*视频*/
 .video-youtu {
@@ -3558,7 +3558,7 @@ video img {
 }
 .vision-title {
   font-size: 1rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   width: 98%;
   margin: 1rem auto 0;
 }
@@ -3566,7 +3566,7 @@ video img {
   font-size: 0.875;
   line-height: 1.5rem;
   color: #707070;
-  font-family: 'Montserrat-Regular';
+  font-family: 'Metropolis-Regular';
   width: 98%;
   margin: 1rem auto;
 }
@@ -3584,7 +3584,7 @@ video img {
 }
 .brand_title {
   font-size: 1.125rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   width: 98%;
   margin: 1rem auto 0;
   position: relative;
@@ -3602,7 +3602,7 @@ video img {
   font-size: 0.875;
   line-height: 1.5rem;
   color: #000000;
-  font-family: 'Montserrat-Regular';
+  font-family: 'Metropolis-Regular';
   width: 98%;
   margin: 1rem auto;
 }
@@ -3655,7 +3655,7 @@ video::-webkit-media-controls-current-time-display {
 }
 .m_ach .title {
   font-size: 1.125rem;
-  font-family: 'Montserrat-Bold';
+  font-family: 'Metropolis-Bold';
   width: 98%;
   margin: 1rem auto 0;
   position: relative;
@@ -3680,7 +3680,7 @@ video::-webkit-media-controls-current-time-display {
 }
 .m_ach .list-num li p {
   color: #707070;
-  font-family: 'Montserrat-Regular';
+  font-family: 'Metropolis-Regular';
 }
 /*新闻评测*/
 .news-vertu {
@@ -3976,7 +3976,7 @@ video::-webkit-media-controls-current-time-display {
   border-radius: 8px;
   height: 48px;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .comment_area {
   width: 100% !important;

public/static/index/mobile/css/topic_power_prodline/footer.css

@@ -1,11 +1,11 @@
-.footer {
+.prodline-footer-box{
 	width: 100%;
 	padding: 3rem 0;
 }
-.footer-img {
+.prodline-footer-box-img {
 	width: 90%;
 	margin: 0 auto;
 }
-.footer-img img {
+.prodline-footer-box-img img {
 	width: 100%;
 }

public/static/index/pc/css/aboutus_culture.css

@@ -66,7 +66,7 @@
 .orico_Page_productxc .productxcMain .culture_top .culture_bril_con .culture_bril_div .title {
   font-size: 1.125rem;
   font-weight: 600;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   margin-top: 2rem;
   width: 90%;
   margin-left: 5%;
@@ -75,7 +75,7 @@
   width: 80%;
   font-size: 0.875rem;
   color: #707070;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   margin-top: 1.375rem;
   margin-left: 10%;
 }
@@ -93,7 +93,7 @@
   line-height: 2em;
   margin-bottom: 2%;
   font-weight: 600;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
 }
 .orico_Page_productxc .productxcMain .culture_vision .swt-Container {
   width: 80%;
@@ -138,14 +138,14 @@
   color: #101010;
   line-height: 2em;
   margin-bottom: 2%;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   margin-right: 10%;
 }
 .orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .right .des {
   font-size: 16px;
   color: #737373;
   line-height: 1.6rem;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
 }
 .orico_Page_productxc .productxcMain .culture_vision .swt-Container .swt-Table .Table-Row .Table-Cell {
   display: table-cell;
@@ -159,7 +159,7 @@
   font-size: 1rem;
   color: #737373;
   line-height: 1.6rem;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
 }
 .orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .des,
 .orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .subtitle {

public/static/index/pc/css/aboutus_introduction.css

@@ -30,7 +30,7 @@
 }
 .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotbt1 {
   font-size: 32px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   padding-bottom: 65px;
   padding-top: 88px;
   font-weight: 700;
@@ -57,14 +57,14 @@
 }
 .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbtp1 {
   font-size: 18px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   padding-bottom: 18px;
 }
 .orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotb_part1 .iotb_p1_item .iotbts1 {
   text-align: center;
   font-size: 16px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   color: #9e9e9f;
 }
 .orico_Page_introduction .introductionMain .iotb_part2 {
@@ -78,7 +78,7 @@
 }
 .orico_Page_introduction .introductionMain .iotb_part2 .iotbt1 {
   font-size: 32px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   padding-bottom: 65px;
   padding-top: 88px;
   font-weight: 700;

public/static/index/pc/css/aboutus_mileage.css

@@ -30,7 +30,7 @@
   height: 11.25rem;
   line-height: 11.25rem;
   font-size: 2rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
   text-align: center;
@@ -52,7 +52,7 @@
 .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .title1 {
   margin-top: 2.5rem;
   font-size: 2rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
 }
@@ -62,7 +62,7 @@
 .orico_Page_achievement .achievementMain .achInfo .achNums .achive_shuju .subtitle1 {
   margin-top: 1rem;
   font-size: 1.125rem;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   font-weight: 400;
   color: #707070;
 }
@@ -71,7 +71,7 @@
   height: auto;
   position: relative;
   background: #f2f2f2;
-  font-family: Montserrat;
+  font-family: Metropolis;
   padding-bottom: 10%;
 }
 .orico_Page_achievement .achievementMain .achTimes .timecontent {
@@ -83,7 +83,7 @@
   height: 11.25rem;
   line-height: 11.25rem;
   font-size: 2rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
   text-align: center;
@@ -142,7 +142,7 @@
   background: url(/static/index/pc/images/greyyuandian.png) 3px 3px no-repeat;
   height: 2.375rem;
   font-size: 1.25rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
   line-height: 1.875rem;
@@ -153,7 +153,7 @@
 .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li {
   display: inline-block;
   width: 94%;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   line-height: 1.5625rem;
   font-size: 1rem;
   font-weight: 500;
@@ -181,7 +181,7 @@
   height: 11.25rem;
   line-height: 11.25rem;
   font-size: 2rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
   text-align: center;
@@ -211,7 +211,7 @@
   margin-left: 4.0625rem;
   margin-top: 2.5rem;
   font-size: 1.75rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   color: #000000;
   line-height: 1.625rem;
@@ -220,7 +220,7 @@
   margin-left: 65px;
   width: 80%;
   font-size: 16px;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-weight: 500;
   color: #707070;
   line-height: 26px;

public/static/index/pc/css/aboutus_story.css

@@ -52,10 +52,10 @@
   font-weight: 600;
   color: #000000;
   line-height: 20px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
 }
 .orico_Page_brand .brandMain .our_brand_con .our_brand_bg .vtext .Table-Cell p {
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   font-size: 14px;
   color: #707070;
   line-height: 22px;
@@ -100,17 +100,17 @@
   margin-top: 2.5rem;
 }
 .orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .title p {
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
 }
 .orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .subtitle {
   width: 80%;
   font-size: 0.875rem;
   color: #707070;
-  font-family: Montserrat-Medium, Montserrat;
+  font-family: Metropolis-Medium, Metropolis;
   margin-top: 2.5rem;
   margin-left: 10%;
 }
 .orico_Page_brand .brandMain .dis_bril_bg .dis_bril_con .subtitle p {
-  font-family: Montserrat-Medium;
+  font-family: Metropolis-Medium;
   line-height: 22px;
 }

public/static/index/pc/css/article_detail.css

@@ -153,7 +153,7 @@
   border-radius: 8px;
   height: 48px;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_articleDetail .articleDetailMain .atmright .repply form {
   width: auto;

public/static/index/pc/css/attachment_index.css

@@ -32,7 +32,7 @@
   height: 56px;
   line-height: 56px;
   margin-top: -28px;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
 }
 .orico_Page_download .downloadMain .contact_c {
   width: 82%;
@@ -43,7 +43,7 @@
   border-radius: 1.5rem;
   margin: auto;
   display: flex;
-  font-family: "Montserrat-Medium";
+  font-family: "Metropolis-Medium";
   color: #9e9e9f;
   z-index: 9;
   position: relative;
@@ -86,7 +86,7 @@
   font-size: 1.125rem;
   padding-top: 1.5625rem;
   padding-bottom: 1.5625rem;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   text-align: center;
   border-radius: 0.75rem;
   cursor: pointer;
@@ -137,20 +137,20 @@
 }
 .orico_Page_download .downloadMain .contact_c .softlist .softit .title {
   font-size: 1.125rem;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   color: #000;
 }
 .orico_Page_download .downloadMain .contact_c .softlist .softit .sub_title {
   font-size: 0.875rem;
   margin-top: 0.875rem;
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
   color: #9e9e9f;
 }
 .orico_Page_download .downloadMain .contact_c .softlist .softit .des {
   line-height: 20px;
   margin-top: 8px;
   font-size: 16px;
-  font-family: "Montserrat-Medium";
+  font-family: "Metropolis-Medium";
   color: #000;
 }
 .orico_Page_download .downloadMain .contact_c .softlist .softit .l_button {
@@ -158,7 +158,7 @@
   padding: 15px 40px;
   margin-top: 74px;
   display: inline-block;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   color: #004bfa;
   background-color: rgba(0, 75, 250, 0.05);
   cursor: pointer;
@@ -212,7 +212,7 @@
   font-size: 16px;
   position: relative;
   cursor: pointer;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   color: #000;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .hd ul li a{
@@ -257,7 +257,7 @@
   height: 114px;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit .htit1 {
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
   color: #000;
   font-size: 16px;
   margin-top: 40px;
@@ -266,7 +266,7 @@
   white-space: nowrap;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit .htit2 {
-  font-family: "Montserrat-Regular";
+  font-family: "Metropolis-Regular";
   color: #9e9e9f;
   display: -webkit-box;
   -webkit-box-orient: vertical;

public/static/index/pc/css/contactus_bulkbuy.css

@@ -21,7 +21,7 @@
 }
 .orico_Page_bussiness .bussinessMain .bd_main .sfbt1 {
   font-size: 24px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   text-align: center;
   padding-bottom: 55px;
@@ -52,7 +52,7 @@
 }
 .orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .itlable {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   color: #000000;
   font-weight: bold;
   padding-bottom: 10px;
@@ -74,7 +74,7 @@
   height: 48px;
   border: none;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .form-control {
   display: block;
@@ -97,7 +97,7 @@
 .orico_Page_bussiness .bussinessMain .bd_main .bd_ct .bd_from .theit .bditem .sfbchecks .sfbcheckboxlist .cit {
   width: 100%;
   font-size: 14px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   color: #000;
   display: flex;
   flex-direction: row;
@@ -119,11 +119,11 @@
   background: #f2f2f2;
   border: none;
   border-radius: 8px;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_bussiness .bussinessMain .bd_main .bttj {
   font-size: 14px;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   width: 212px;
   padding: 15px 15px;

public/static/index/pc/css/contactus_distributor.css

@@ -25,7 +25,7 @@
   color: #004bfa;
   padding-bottom: 1rem;
   text-align: center;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: 700;
 }
 .orico_Page_distributor .distributorMain .s1 {
@@ -72,7 +72,7 @@
 }
 .orico_Page_distributor .distributorMain .bd_from .theit .bditem .itlable {
   font-size: 0.875rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   color: #000000;
   font-weight: bold;
   padding-bottom: 0.625rem;
@@ -99,7 +99,7 @@
   border-radius: 0.5rem;
   height: 3rem;
   box-shadow: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_distributor .distributorMain .ittextarea {
   height: 6.25rem;
@@ -108,11 +108,11 @@
   border: none;
   border-radius: 0.5rem;
   resize: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_distributor .distributorMain .bttj {
   font-size: 0.875rem;
-  font-family: Montserrat-Bold, Montserrat;
+  font-family: Metropolis-Bold, Metropolis;
   font-weight: bold;
   width: 10rem;
   padding: 1.2rem 3.75rem;

public/static/index/pc/css/contactus_message.css

@@ -38,7 +38,7 @@
   color: #000;
   display: block;
   width: 100%;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 1.5rem;
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .info .info_all {
@@ -77,7 +77,7 @@
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .sub_list .title {
   font-size: 0.875rem;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .info .info_all .list .sub_list .des {
   font-size: 0.875rem;
@@ -92,14 +92,14 @@
   color: #000;
   display: block;
   width: 100%;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list {
   margin-top: 1.5rem;
   font-size: 1.5rem;
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .title {
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   font-size: 0.875rem;
   padding-bottom: 0.3125rem;
 }
@@ -110,13 +110,13 @@
   background: #f2f2f2;
   box-shadow: none;
   border: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .ittextarea {
   height: 100px;
   background: #f2f2f2;
   border: none;
-  font-family: Montserrat-Regular, Montserrat;
+  font-family: Metropolis-Regular, Metropolis;
   resize: none;
 }
 .orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .form_input input,
@@ -143,7 +143,7 @@
   font-size: 0.875rem;
   background-color: #004bfa;
   color: #fff;
-  font-family: "Montserrat-Bold";
+  font-family: "Metropolis-Bold";
   display: inline-block;
   cursor: pointer;
 }
@@ -157,7 +157,7 @@
   background-color: #fff;
   border-radius: 0.75rem;
   margin-top: 1.5rem;
-  font-family: "Montserrat-SemiBold";
+  font-family: "Metropolis-SemiBold";
 }
 .orico_Page_contact .contactMain .contact_c .become_dis .text_blue {
   color: #004bfa;

public/static/index/pc/css/fonts.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'icomoon';
   src: url('fonts/icomoon/icomoon.eot?ujw7hy');
-  src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
+  src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('opentype'),
     url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -114,7 +114,7 @@
   font-family: 'icomoon01';
   src: url('fonts-20190124/icomoon.eot?ll2528');
   src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
-    url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
+    url('fonts-20190124/icomoon.ttf?ll2528') format('opentype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
     url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -161,7 +161,7 @@
 @font-face {
   font-family: 'icomoon02';
   src: url('fonts/other/icomoon.eot?ujw7hy');
-  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
+  src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('opentype'),
     url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
@@ -189,7 +189,7 @@
   font-family: 'icomoon05';
   src: url('fonts-20220322/icomoon.eot?cdcz43');
   src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
-    url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
+    url('fonts-20220322/icomoon.ttf?cdcz43') format('opentype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
     url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;

public/static/index/pc/css/index.css

@@ -572,7 +572,7 @@
   font-size: 1rem;
   text-align: left;
   width: 80%;
-  font-family: Montserrat !important;
+  font-family: Metropolis !important;
   color: #004bfa;
 }
 

public/static/index/pc/css/public.css

@@ -1,20 +1,20 @@
 @font-face {
-    font-family: "Montserrat";
+    font-family: "Metropolis";
-    src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+    src: url("../fonts/Metropolis-Regular.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
-    font-family: "Montserrat-Bold";
+    font-family: "Metropolis-Bold";
-    src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+    src: url("../fonts/Metropolis-Bold.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
-    font-family: "Montserrat-Medium";
+    font-family: "Metropolis-Medium";
-    src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+    src: url("../fonts/Metropolis-Medium.otf") format("opentype");
     font-weight: normal;
     font-style: normal;
 }
@@ -32,7 +32,7 @@
 * {
     margin: 0;
     padding: 0;
-    font-family: 'Montserrat';
+    font-family: 'Metropolis';
 }
 
 *:hover {

public/static/index/pc/css/topic_power_prodline/footer.css

@@ -1,11 +1,12 @@
-.footer {
+.prodline-footer-box{
 	width: 100%;
 	padding: 3rem 0;
 }
-.footer-img {
+.prodline-footer-box-img {
 	width: 90%;
+    max-width: 1690px;
 	margin: 0 auto;
 }
-.footer-img img {
+.prodline-footer-box-img img {
 	width: 100%;
 }