font

refactor: 专题 - 电力品线
footer
2025-12-01 15:33:55 +08:00 · 2025-11-28 16:23:21 +08:00 · 2025-11-28 15:45:20 +08:00 · 2025-11-28 15:36:12 +08:00 · 2025-11-28 15:23:29 +08:00 · 2025-11-28 14:51:30 +08:00
66 changed files with 252 additions and 265 deletions
--- a/app/index/view/mobile/topic_power_prodline/index.html
+++ b/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="footer-img">
+<div class="prodline-footer-box">
+    <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',
-    	(e) => {
-    		// 只有点击蒙版背景（不是内容区域）才阻止滚动
-    		if (e.target === mask) {
-    			e.preventDefault(); // 阻止默认触摸滚动行为
-    			e.stopPropagation(); // 阻止事件冒泡
-    		}
-    	},
-    	{ passive: false }
+        'touchmove',
+        (e) => {
+            // 只有点击蒙版背景（不是内容区域）才阻止滚动
+            if (e.target === mask) {
+                e.preventDefault(); // 阻止默认触摸滚动行为
+                e.stopPropagation(); // 阻止事件冒泡
+            }
+        },
+        { passive: false }
    ); // passive: false 必须，否则 preventDefault 无效
    document.addEventListener('DOMContentLoaded', () => {
            // 初始化所有视频容器
@@ -706,12 +700,12 @@
    });

    window.onload = function () {
-    	if (typeof Swiper === 'undefined') {
-    		console.error('Swiper加载失败，请刷新页面重试');
-    		return;
-    	}
-    
-    	swiper = new Swiper('.auto-swiper-container', {
+        if (typeof Swiper === 'undefined') {
+            console.error('Swiper加载失败，请刷新页面重试');
+            return;
+        }
+
+        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}
--- a/app/index/view/pc/topic_power_prodline/index.html
+++ b/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="footer-img">
+<div class="prodline-footer-box">
+    <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}
--- a/database/seeds/SysConfigInit.php
+++ b/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" => 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" => 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\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],
--- a/public/static/index/mobile/css/aboutus_introduction.css
+++ b/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;
 }
--- a/public/static/index/mobile/css/aboutus_mileage.css
+++ b/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;
--- a/public/static/index/mobile/css/article_detail.css
+++ b/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 {
--- a/public/static/index/mobile/css/attachment_video.css
+++ b/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;
--- a/public/static/index/mobile/css/contactus_bulkbuy.css
+++ b/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;
 }
--- a/public/static/index/mobile/css/contactus_distributor.css
+++ b/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;
 }
--- a/public/static/index/mobile/css/contactus_index.css
+++ b/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%;
--- a/public/static/index/mobile/css/contactus_message.css
+++ b/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";
 }
--- a/public/static/index/mobile/css/font.css
+++ b/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;
--- a/public/static/index/mobile/css/fonts.css
+++ b/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;
--- a/public/static/index/mobile/css/header.css
+++ b/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 {
--- a/public/static/index/mobile/css/public.css
+++ b/public/static/index/mobile/css/public.css
@@ -1,20 +1,20 @@
@font-face {
-	font-family: "Montserrat";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	font-family: "Metropolis";
+	src: url("../fonts/Metropolis-Regular.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }

@font-face {
-	font-family: "Montserrat-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	font-family: "Metropolis-Bold";
+	src: url("../fonts/Metropolis-Bold.ttf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }

@font-face {
-	font-family: "Montserrat-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	font-family: "Metropolis-Medium";
+	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';
 }

 /* 分页样式 */
--- a/public/static/index/mobile/css/style.css
+++ b/public/static/index/mobile/css/style.css
@@ -1,29 +1,29 @@
@font-face {
-	font-family: "Montserrat";
-	src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+	font-family: "Metropolis";
+	src: url("../fonts/Metropolis-Regular.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
@font-face {
-	font-family: "Montserrat-Bold";
-	src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+	font-family: "Metropolis-Bold";
+	src: url("../fonts/Metropolis-Bold.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
@font-face {
-	font-family: "Montserrat-Medium";
-	src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+	font-family: "Metropolis-Medium";
+	src: url("../fonts/Metropolis-Medium.otf") format("opentype");
 	font-weight: normal;
 	font-style: normal;
 }
@font-face {
-	font-family: "Montserrat-SemiBold";
-	src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
+	font-family: "Metropolis-SemiBold";
+	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;
--- a/public/static/index/mobile/css/topic_power_prodline/footer.css
+++ b/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%;
 }
--- a/public/static/index/mobile/fonts/Metropolis-Black.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Black.otf
--- a/public/static/index/mobile/fonts/Metropolis-BlackItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-BlackItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-Bold.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Bold.otf
--- a/public/static/index/mobile/fonts/Metropolis-BoldItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-BoldItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-ExtraBold.otf
+++ b/public/static/index/mobile/fonts/Metropolis-ExtraBold.otf
--- a/public/static/index/mobile/fonts/Metropolis-ExtraBoldItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-ExtraBoldItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-ExtraLight.otf
+++ b/public/static/index/mobile/fonts/Metropolis-ExtraLight.otf
--- a/public/static/index/mobile/fonts/Metropolis-ExtraLightItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-ExtraLightItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-Light.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Light.otf
--- a/public/static/index/mobile/fonts/Metropolis-LightItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-LightItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-Medium.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Medium.otf
--- a/public/static/index/mobile/fonts/Metropolis-MediumItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-MediumItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-Regular.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Regular.otf
--- a/public/static/index/mobile/fonts/Metropolis-RegularItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-RegularItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-SemiBold.otf
+++ b/public/static/index/mobile/fonts/Metropolis-SemiBold.otf
--- a/public/static/index/mobile/fonts/Metropolis-SemiBoldItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-SemiBoldItalic.otf
--- a/public/static/index/mobile/fonts/Metropolis-Thin.otf
+++ b/public/static/index/mobile/fonts/Metropolis-Thin.otf
--- a/public/static/index/mobile/fonts/Metropolis-ThinItalic.otf
+++ b/public/static/index/mobile/fonts/Metropolis-ThinItalic.otf
--- a/public/static/index/pc/css/aboutus_culture.css
+++ b/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 {
--- a/public/static/index/pc/css/aboutus_introduction.css
+++ b/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;
--- a/public/static/index/pc/css/aboutus_mileage.css
+++ b/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;
--- a/public/static/index/pc/css/aboutus_story.css
+++ b/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;
 }
--- a/public/static/index/pc/css/article_detail.css
+++ b/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;
--- a/public/static/index/pc/css/attachment_index.css
+++ b/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;
--- a/public/static/index/pc/css/contactus_bulkbuy.css
+++ b/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;
--- a/public/static/index/pc/css/contactus_distributor.css
+++ b/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;
--- a/public/static/index/pc/css/contactus_message.css
+++ b/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;
--- a/public/static/index/pc/css/fonts.css
+++ b/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;
--- a/public/static/index/pc/css/index.css
+++ b/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;
 }

--- a/public/static/index/pc/css/public.css
+++ b/public/static/index/pc/css/public.css
@@ -1,20 +1,20 @@
@font-face {
-    font-family: "Montserrat";
-    src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
+    font-family: "Metropolis";
+    src: url("../fonts/Metropolis-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }

@font-face {
-    font-family: "Montserrat-Bold";
-    src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
+    font-family: "Metropolis-Bold";
+    src: url("../fonts/Metropolis-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }

@font-face {
-    font-family: "Montserrat-Medium";
-    src: url("../fonts/Montserrat-Medium.ttf") format("truetype");
+    font-family: "Metropolis-Medium";
+    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 {
--- a/public/static/index/pc/css/topic_power_prodline/footer.css
+++ b/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%;
 }
--- a/public/static/index/pc/fonts/Metropolis-Black.otf
+++ b/public/static/index/pc/fonts/Metropolis-Black.otf
--- a/public/static/index/pc/fonts/Metropolis-BlackItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-BlackItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-Bold.otf
+++ b/public/static/index/pc/fonts/Metropolis-Bold.otf
--- a/public/static/index/pc/fonts/Metropolis-BoldItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-BoldItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-ExtraBold.otf
+++ b/public/static/index/pc/fonts/Metropolis-ExtraBold.otf
--- a/public/static/index/pc/fonts/Metropolis-ExtraBoldItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-ExtraBoldItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-ExtraLight.otf
+++ b/public/static/index/pc/fonts/Metropolis-ExtraLight.otf
--- a/public/static/index/pc/fonts/Metropolis-ExtraLightItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-ExtraLightItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-Light.otf
+++ b/public/static/index/pc/fonts/Metropolis-Light.otf
--- a/public/static/index/pc/fonts/Metropolis-LightItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-LightItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-Medium.otf
+++ b/public/static/index/pc/fonts/Metropolis-Medium.otf
--- a/public/static/index/pc/fonts/Metropolis-MediumItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-MediumItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-Regular.otf
+++ b/public/static/index/pc/fonts/Metropolis-Regular.otf
--- a/public/static/index/pc/fonts/Metropolis-RegularItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-RegularItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-SemiBold.otf
+++ b/public/static/index/pc/fonts/Metropolis-SemiBold.otf
--- a/public/static/index/pc/fonts/Metropolis-SemiBoldItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-SemiBoldItalic.otf
--- a/public/static/index/pc/fonts/Metropolis-Thin.otf
+++ b/public/static/index/pc/fonts/Metropolis-Thin.otf
--- a/public/static/index/pc/fonts/Metropolis-ThinItalic.otf
+++ b/public/static/index/pc/fonts/Metropolis-ThinItalic.otf
Author	SHA1	Message	Date
liqian	de87a4b237	font	2025-12-01 15:33:55 +08:00
liqian	32ab01bfb8	refactor: 专题 - 电力品线 All checks were successful Gitea Actions Official-website / deploy-dev (push) Successful in 5s Details	2025-11-28 16:23:21 +08:00
liqian	30f4f0761a	footer All checks were successful Gitea Actions Official-website / deploy-dev (push) Successful in 5s Details	2025-11-28 15:45:20 +08:00
liqian	df2ccc288c	refactor: 专题 - 电力品线 All checks were successful Gitea Actions Official-website / deploy-dev (push) Successful in 5s Details	2025-11-28 15:36:12 +08:00
liqian	d5acd5a025	refactor: 专题 - 电力品线 All checks were successful Gitea Actions Official-website / deploy-dev (push) Successful in 6s Details	2025-11-28 15:23:29 +08:00
liqian	39cd6137b3	refactor: 专题 - 电力品线 All checks were successful Gitea Actions Official-website / deploy-dev (push) Successful in 4s Details	2025-11-28 14:51:30 +08:00