1 Commits

Author SHA1 Message Date
7863cd87ec 移动端
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 4s
2025-12-02 16:11:12 +08:00
71 changed files with 557 additions and 415 deletions

View File

@@ -82,8 +82,8 @@
<a class="product-left" href="{$tc_first_section_lf.link}">
<img src="{$tc_first_section_lf.image}" alt="{$tc_first_section_lf.title}" class="product-img">
<!-- 公共类+定位类:尺寸统一,定位不同 -->
<div class="product-img-hover product-img-1">
<img src="{$tc_first_section_lf.extra_image}" alt="{$tc_first_section_lf.short_title}">
<div class="product-img-hover top55">
<img src="{$tc_first_section_lf.extra_image}" alt="{$tc_first_section_lf.short_title}" class="img1">
</div>
</a>
{/notempty}
@@ -160,8 +160,8 @@
<a class="product-left" href="{$hc_first_section_lf.link}">
<img src="{$hc_first_section_lf.image}" alt="{$hc_first_section_lf.title}" class="product-img">
<!-- 公共类+定位类:尺寸统一,定位不同 -->
<div class="product-img-hover product-img-1">
<img src="{$hc_first_section_lf.extra_image}" alt="{$hc_first_section_lf.short_title}">
<div class="product-img-hover">
<img src="{$hc_first_section_lf.extra_image}" alt="{$hc_first_section_lf.short_title}" class="img2">
</div>
</a>
{/notempty}
@@ -237,8 +237,8 @@
<a class="product-left" href="{$dc_first_section_lf.link}">
<img src="{$dc_first_section_lf.image}" alt="{$dc_first_section_lf.short_title}" class="product-img">
<!-- 公共类+定位类:尺寸和第一个完全一致,仅定位不同 -->
<div class="product-img-hover product-img-2" >
<img src="{$dc_first_section_lf.extra_image}" alt="{$dc_first_section_lf.short_title}">
<div class="product-img-hover" >
<img src="{$dc_first_section_lf.extra_image}" alt="{$dc_first_section_lf.short_title}" class="img3">
</div>
</a>
{/notempty}
@@ -274,27 +274,49 @@
</div>
{assign name="dc_second_section" value=":array_splice($data.desktop_charger, 0, 2)" /}
{notempty name="dc_second_section"}
<div class="product-card-box">
<div class="product-card-container2">
<!-- <div class="product-card-box">
<div class="product-card-container">
{volist name="dc_second_section" id="dcs"}
<a class="product-card2" href="{$dcs.link}">
<div class="product-text2">
<!-- 新增内部容器,确保所有内容左对齐一致性 -->
<div class="product-text-content2">
<div class="product-card-title2">{$dcs.title}</div> <!-- 测试超出一行省略 -->
<div class="product-card-desc2">{$dcs.short_title}</div> <!-- 测试超出2行省略 -->
<div class="product-card-link2">
<a class="product-card" href="{$dcs.link}">
<div class="product-text">
<div class="product-text-content">
<div class="product-card-title">{$dcs.title}</div>
<div class="product-card-desc">{$dcs.short_title}</div>
<div class="product-card-link">
<img src="__IMAGES__/ljgd.png" alt="了解更多">
</div>
</div>
</div>
<div class="product-card-img2">
<div class="product-card-img">
<img src="{$dcs.image}" alt="{$dcs.title}">
</div>
</a>
{/volist}
</div>
</div> -->
<div class="product-card-box">
<div class="product-card-container">
{volist name="dc_second_section" id="dcs"}
<a class="product-card-wrap" href="{$dcs.link}">
<div class="product-card" href="#">
<div class="product-card-img">
<img src="{$dcs.image}" alt="{$dcs.short_title}">
</div>
<div class="product-card-text">
<div class="product-card-title">{$dcs.title}</div>
<div class="product-card-desc">{$dcs.short_title}</div>
</div>
<div class="product-card-link">
<img src="__IMAGES__/ljgd.png" alt="查看更多">
</div>
</div>
</a>
{/volist}
</div>
</div>
{/notempty}
{assign name="dc_three_section" value=":array_shift($data.desktop_charger)" /}
{notempty name="dc_three_section"}
@@ -319,8 +341,8 @@
<a class="product-left" href="{$wc_first_section_lf.link}">
<img src="{$wc_first_section_lf.image}" alt="{$wc_first_section_lf.title}" class="product-img">
<!-- 公共类+定位类:尺寸统一,定位不同 -->
<div class="product-img-hover product-img-1">
<img src="{$wc_first_section_lf.extra_image}" alt="{$wc_first_section_lf.title}">
<div class="product-img-hover top70">
<img src="{$wc_first_section_lf.extra_image}" alt="{$wc_first_section_lf.title}" class="img4">
</div>
</a>
{/notempty}
@@ -379,9 +401,9 @@
<img src="{$cts_lf.image}" alt="{$cts_lf.title}" class="product-img">
<!-- 公共类+定位类:尺寸统一,定位不同 -->
<!--style="display:flex;justify-content: center;"-->
<div class="product-img-hover product-img-1" >
<div class="product-img-hover top40" >
<!-- style="width:70%"-->
<img src="{$cts_lf.extra_image}" alt="{$cts_lf.title}">
<img src="{$cts_lf.extra_image}" alt="{$cts_lf.title}" class="img5">
</div>
</a>
{/notempty}

View File

@@ -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\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" => 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" => 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],

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -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('opentype'),
src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('truetype'),
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('opentype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'),
url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('truetype'), 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('opentype'),
src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('truetype'),
url('../fonts/icomoon/icomoona.woff?c46hgi') format('woff'), url('../fonts/icomoon/icomoona.svg?c46hgi#icomoon') format('svg');
font-weight: normal;
font-style: normal;

View File

@@ -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('opentype'),
src: url('../fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
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('opentype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), 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('opentype'),
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
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('opentype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
font-weight: normal;
font-style: normal;

View File

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

View File

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

View File

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

View File

@@ -1,8 +1,8 @@
/* 核心模块固定90%宽度PC端优化移动端边距 */
.advantage-section {
width: 90%;
width: 93.5%;
margin: 0 auto;
padding: 4rem 0 3rem 0;
padding: clamp(4rem, 5vw, 6rem) 0 clamp(1.8rem, 3vw, 3rem) 0;
position: relative;
z-index: 1;
height: auto !important;
@@ -11,12 +11,15 @@
/* 标题容器:恢复原有居中样式 */
.advantage-section__title {
font-size: clamp(1.5rem, 3vw, 2rem);
font-size: clamp(2rem, 3vw, 2.4rem);
font-weight: 700;
text-align: center;
color: #333;
line-height: 1.2;
margin:0 auto;
margin-bottom: clamp(1.5rem, 2vw, 2.5rem);
width: 80%;
}
/* 列表容器:强制设置高度相关属性,确保内容正常显示 */
@@ -74,7 +77,7 @@
/* 文字区域flex垂直分布确保标题和描述都垂直居中 */
.advantage-card__content {
width: 100%;
padding: clamp(0.3rem, 0.4vw, 0.75rem);
padding: clamp(1rem,3vw, 1.5rem);
display: flex;
flex-direction: column;
justify-content: center;
@@ -94,7 +97,7 @@
/* 卡片标题:居左显示 */
.advantage-card__heading {
font-size: clamp(0.85rem, 1.5vw, 1.4rem);
font-size: clamp(16px, 1.5vw, 32px);
font-weight: 600;
color: #333;
line-height: 1.3;
@@ -122,18 +125,26 @@
transform: translateX(3px);
}
/* 描述文字:水平+垂直居中,与标题容器对齐 */
/* 描述文字:水平+垂直居中,与标题容器对齐,设置最小高度统一占位 */
.advantage-card__description {
font-size: clamp(0.6rem, 0.9vw, 0.9rem);
color: #78787a;
line-height: 1.2;
white-space: normal;
overflow: hidden;
width: 80%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: clamp(10px, 1vw, 18px);
line-height: 1.2;
width: 80%;
color: #666666;
/* 强制固定2行显示 */
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
/* 非webkit内核浏览器降级方案 */
display: block;
height: calc(1.2em * 2); /* 行高 × 行数确保高度刚好容纳2行 */
/* 最小高度兜底,适配不同字体大小 */
min-height: clamp(24px, 2.4vw, 43.2px); /* 1.2em×2换算对应字体范围的最小/最大高度 */
/* 防止内容溢出 */
white-space: normal;
word-wrap: break-word;
}
/* 卡片hover效果 */
@@ -194,127 +205,107 @@
transform-origin: left center;
}
/* iPad Pro适配和移动端一样一行展示2个最后一个隐藏字体放大 */
@media (max-width: 1024px) and (min-width: 768px) {
.advantage-section__list {
display: block !important;
width: 100% !important;
height: auto !important;
overflow: hidden !important;
padding: 0 !important;
}
/* 平板端和移动端统一布局第一行2个第二行3个 */
@media (max-width: 1024px) {
/* 列表容器flex布局+换行,左对齐确保排列规则,仅保留列间距 */
.advantage-section__list {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
gap: clamp(0.3rem, 1.5vw, 0.8rem) !important; /* 列间距 */
row-gap: clamp(0.5rem, 2vw, 1rem) !important; /* 行间距 */
width: 100% !important;
height: auto !important;
overflow: visible !important;
padding: 0 !important;
}
.advantage-card-wrap {
width: calc(50% - 7.5px) !important;
float: left !important;
margin: 0 0 15px 0 !important;
height: auto !important;
}
/* 卡片包裹容器:基础样式 */
.advantage-card-wrap {
display: block !important;
height: auto !important;
min-height: 1px !important;
margin-bottom: 0 !important; /* 移除额外margin */
}
.advantage-card-wrap:nth-child(odd) {
margin-right: 15px !important;
}
/* 第一行2个卡片宽度=(100% - 1个间距)/2 */
.advantage-card-wrap:nth-child(1),
.advantage-card-wrap:nth-child(2) {
width: calc((100% - clamp(0.3rem, 1.5vw, 0.8rem)) / 2) !important;
}
.advantage-card {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: none !important;
height: auto !important;
display: flex;
flex-direction: column;
}
/* 第二行3个卡片宽度=(100% - 2个间距)/3 */
.advantage-card-wrap:nth-child(3),
.advantage-card-wrap:nth-child(4),
.advantage-card-wrap:nth-child(5) {
width: calc((100% - 2 * clamp(0.3rem, 1.5vw, 0.8rem)) / 3) !important;
}
/* 只显示前4个卡片最后一个隐藏 */
.advantage-card-wrap:nth-child(n+5) {
display: none !important;
}
/* 卡片核心:宽度继承父容器,高度自适应 */
.advantage-card {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: none !important;
height: auto !important;
display: flex;
flex-direction: column;
}
.advantage-card__content {
width: 100%;
flex-grow: 1;
padding: clamp(1rem, 3vw, 1.5rem) 0;
}
.advantage-card__img {
aspect-ratio: 1 / 1;
}
.advantage-card__img {
aspect-ratio: 1 / 1;
max-height: 330px;
}
.advantage-card__content {
flex-grow: 1;
padding: clamp(1.2rem, 3vw, 2rem) 0;
}
/* 平板端字体大 */
.advantage-card__heading {
font-size: clamp(1.1rem, 2vw, 1.6rem);
}
/* 平板端字体大 */
.advantage-card__heading {
font-size: clamp(16px, 3vw, 20px);
}
.advantage-card__description {
font-size: clamp(0.85rem, 1.3vw, 1.1rem);
.advantage-card__description {
font-size: clamp(10px, 2vw, 14px);
min-height: clamp(24px, 4vw, 30px);
color:#666666;
}
}
.card-arrow {
width: clamp(1.2rem, 2vw, 1.7rem);
height: clamp(1.2rem, 2vw, 1.7rem);
font-size: clamp(0.9rem, 1.5vw, 1.3rem);
}
.card-arrow {
width: clamp(1.17rem, 2.5vw, 2.2rem);
height: clamp(1.17rem, 2.5vw, 2.2rem);
}
}
/* 移动端布局调整彻底修复高度为0问题 */
/* 移动端进一步优化间距 */
@media (max-width: 767px) {
/* 使用block布局+浮动确保高度正常 */
.advantage-section__list {
display: block !important;
width: 100% !important;
height: auto !important;
overflow: hidden !important;
padding: 0 !important;
}
.advantage-section__list {
gap: clamp(0.2rem, 1vw, 0.5rem) !important; /* 进一步缩小列间距 */
row-gap: clamp(0.3rem, 1.5vw, 0.8rem) !important; /* 进一步缩小行间距 */
}
/* 卡片包裹容器使用浮动实现一行2个 */
.advantage-card-wrap {
width: calc(50% - 7.5px) !important;
float: left !important;
margin: 0 0 15px 0 !important;
height: auto !important;
}
.advantage-card-wrap:nth-child(1),
.advantage-card-wrap:nth-child(2) {
width: calc((100% - clamp(0.2rem, 1vw, 0.5rem)) / 2) !important;
}
/* 偶数个卡片添加右边距 */
.advantage-card-wrap:nth-child(odd) {
margin-right: 15px !important;
}
.advantage-card-wrap:nth-child(3),
.advantage-card-wrap:nth-child(4),
.advantage-card-wrap:nth-child(5) {
width: calc((100% - 2 * clamp(0.2rem, 1vw, 0.5rem)) / 3) !important;
}
/* 卡片尺寸调整 */
.advantage-card {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
flex: none !important;
height: auto !important;
display: flex;
flex-direction: column;
}
/* 只显示前4个卡片 */
.advantage-card-wrap:nth-child(n+5) {
display: none !important;
}
.advantage-card__img {
aspect-ratio: 1 / 1;
}
.advantage-card__content {
flex-grow: 1;
padding: clamp(1rem, 3vw, 1.5rem) 0; /* 平板端底部内边距稍大 */
}
.advantage-card__description {
min-height: clamp(20px, 4.5vw, 26px);
color:#666666;
}
}
/* 超小屏进一步优化 */
/* 超小屏优化 */
@media (max-width: 374px) {
.advantage-card-wrap {
width: calc(50% - 5px) !important;
}
.advantage-card-wrap:nth-child(odd) {
margin-right: 10px !important;
}
.advantage-card__description {
min-height: clamp(18px, 4vw, 24px);
color:#666666;
}
}

View File

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

View File

@@ -11,17 +11,30 @@ html {
}
/* 平板端768px~1023px15px→16px过渡最小15px */
@media (max-width: 1023px) and (min-width: 768px) {
@media (max-width: 1024px) and (min-width: 768px) {
html {
font-size: calc(15px + (16 - 15) * (100vw - 768px) / (1023 - 768));
}
html body {
margin: 0 !important;
padding: 0 !important;
width:100vw !important;
max-width: 100vw !important;
}
}
/* 移动端320px~767px固定14px不随屏幕缩小而变小避免文字<12px */
@media (max-width: 767px) {
html {
font-size: 14px;
}
html body {
margin: 0 !important;
padding: 0 !important;
width:100vw !important;
max-width: 100vw !important;
}
}
/* 超小屏≤320px仍固定14px彻底杜绝文字过小 */
@@ -29,6 +42,12 @@ html {
html {
font-size: 14px;
}
html body {
margin: 0 !important;
padding: 0 !important;
width:100vw !important;
max-width: 100vw !important;
}
}
body {
background: rgb(242, 243, 245);
@@ -39,10 +58,10 @@ a {
display: block;
}
.more {
width: 90%;
width: 93.5%;
margin: 0 auto;
display: flex;
justify-content: flex-end;
justify-content: center;
padding-top: clamp(1.5rem, 3vw, 3rem);
}
.more-img {

View File

@@ -1,7 +1,7 @@
.nav-box {
display: flex;
justify-content: space-around;
width: 90%;
width: 93.5%;
/* 平板/PC端限制最大宽度 */
margin: 0 auto;
background-color: #fff;
@@ -11,9 +11,10 @@
/* 2px→0.125rem15px→0.9375rem */
position: relative;
z-index: 1;
padding: 0.625rem 0;
/* padding: 0.625rem 0; */
/* 10px→0.625rem(原内边距不变) */
overflow: visible;
padding: 0 clamp(21px, 5.6vw, 42px);
}
.nav-item {
@@ -23,7 +24,7 @@
gap: 0.625rem;
/* 10px→0.625rem */
cursor: pointer;
padding: 0.625rem 0 1.25rem;
/* 10px→0.625rem20px→1.25rem */
position: relative;
z-index: 2;
@@ -33,11 +34,14 @@
max-width: 5rem;
/* 80px→5rem */
text-align: center;
padding: 0 c;
}
.nav-item img {
width: 4rem;
height: 4rem;
width: 100%;
/* clamp(4rem, 5.6vw, 8rem) 4rem; */
/* height: 4rem; */
max-width: 98px;
/* 60px→3.75rem16px基准14px根字体下≈52.5px,仍清晰 */
object-fit: contain;
border-radius: 0.75rem;
@@ -65,23 +69,22 @@
.nav-item p {
margin: 0;
/* PC端15px→0.9375rem16px根字体 */
font-size: 0.9375rem;
color: #37373e;
font-size: clamp(12px, 3vw, 1.3125rem);
color: #1E1E1E;
font-weight: 500;
position: relative;
z-index: 3;
top: 1.125rem;
/* 18px→1.125rem */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0.125rem;
padding-top:6vw;
padding-bottom:1.4vw;
/* padding: clamp(1.5rem, 6vw, 3.86rem) 0 clamp(0.7rem, 2.67vw, 1.43rem); */
}
/* 平板端文字14px→0.9375rem15px根字体下=14px */
@media (max-width: 1023px) and (min-width: 768px) {
.nav-item p {
font-size: 0.9375rem;
font-size: clamp(12px, 3vw, 1.3125rem);
}
}

View File

@@ -5,7 +5,7 @@
}
.product-title {
width: 90%;
width: 93.5%;
margin: 0 auto;
padding-bottom: clamp(1.5rem, 3vw, 3rem);
}
@@ -26,7 +26,7 @@
display: flex;
gap: clamp(0.4rem, 1vw, 0.71rem);
margin: 0 auto;
width: 90%;
width: 93.5%;
align-items: flex-start;
}
@@ -46,28 +46,11 @@
}
/* 悬浮图公共样式两个产品尺寸完全一致100%宽度) */
.product-img-hover {
position: absolute;
width: 100%;
/* 两个产品悬浮图宽度相同 */
z-index: 1;
}
.product-img-hover img {
width: 100%;
max-width: 300px;
/* 图片尺寸100%,无区别 */
height: auto;
border-radius: 10px;
}
/* 第一个产品:悬浮图居中上移(仅定位差异) */
.product-img-1 {
top: -10%;
left: 50%;
transform: translateX(-50%);
}
/* 第二个产品:悬浮图上右超出(仅定位差异) */
.product-img-2 {
@@ -139,10 +122,11 @@
opacity: 1;
display: block;
}
/* PC端适配仅微调定位参数尺寸不变 */
@media (min-width: 1024px) {
/* PC端适配仅1024px以上应用PC样式 */
@media (min-width: 1025px) {
.product-container {
width: 90%;
width: 93.5%;
}
.product-left {
@@ -153,32 +137,142 @@
flex: 5;
}
/* 宽度保持一致,仅调定位偏移 */
.product-img-1 {
top: -11%;
}
.product-img-2 {
top: -12%;
}
}
/* 超小屏适配:尺寸不变,微调定位 */
@media (max-width: 375px) {
.product-left {
flex: 1.5;
/* 移动端+平板端适配1024px以下统一样式表现 */
@media (max-width: 1024px) {
.product-container {
flex-direction: column-reverse; /* 反转列顺序,右在上左在下 */
}
.product-left, .product-right {
flex: none; /* 重置flex比例 */
width: 100%; /* 宽度铺满 */
}
.product-right {
flex: 3.5;
align-self: auto; /* 重置对齐方式 */
aspect-ratio: 16/9;
min-height: 194px;
}
/* 宽度仍保持一致 */
.product-img-1 {
top: -6%;
}
.product-img {
/* max-height: 202px;
object-fit: contain; */
width: 100%;
}
/* 悬浮图容器宽高与图片一致 */
.product-img-hover {
width: auto; /* 宽度由图片决定 */
position: absolute;
right: 0;
bottom: 0;
z-index: 33;
}
.product-img-2 {
top: -8%;
width: auto;
right: 0;
left: auto;
}
.img1 {
width:356px;
/* 或者保持原有width:100%只设置max-width */
max-width:356px;
}
.img2 {
width:356px;
/* 或者保持原有width:100%只设置max-width */
max-width:356px;
}
.img3 {
width:356px;
/* 或者保持原有width:100%只设置max-width */
max-width:356px;
}
.img4 {
width:356px;
/* 或者保持原有width:100%只设置max-width */
max-width:356px;
}
.img5 {
width:356px;
/* 或者保持原有width:100%只设置max-width */
max-width:356px;
}
}
/* 超小屏适配375px以下 */
/* @media (max-width: 768px) and (min-width: 375px) */
@media (min-width: 375px) and (max-width: 767px){
.img1 {
width: clamp(138px, 20vw, 276px);
/* 或者保持原有width:100%只设置max-width */
max-width: clamp(138px, 20vw, 276px) !important;
}
.img2 {
width: clamp(135px, 20vw, 270px);
/* 或者保持原有width:100%只设置max-width */
max-width: clamp(135px, 20vw, 270px) !important;
}
.img3 {
width: clamp(129px, 20vw, 258px);
/* 或者保持原有width:100%只设置max-width */
max-width: clamp(129px, 20vw, 258px) !important;
}
.img4 {
width: clamp(125px, 20vw,250px);
/* 或者保持原有width:100%只设置max-width */
max-width: clamp(125px, 20vw,250px) !important;
}
.img5 {
width: clamp(129px, 20vw,258px);
max-width: clamp(129px, 20vw,258px)!important;
}
.product-right {
min-height: 194px;
}
.product-img-hover {
width:auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.img1 {
width:100%;
/* 或者保持原有width:100%只设置max-width */
max-width:276px;
}
.img2 {
width:100%;
/* 或者保持原有width:100%只设置max-width */
max-width:270px;
}
.img3 {
width:258px;
/* 或者保持原有width:100%只设置max-width */
max-width: 258px;
}
.img4 {
width:250px;
/* 或者保持原有width:100%只设置max-width */
max-width: 250px;
}
.img5 {
width: 258px;
max-width: 258px;
}
}

View File

@@ -1,7 +1,7 @@
/* 容器布局:通用基础样式(仅宽度、外边距,不涉及高度) */
.product-card-box {
width: 90%;
margin: clamp(1rem, 2vw, 1.5rem) auto 0;
width: 93.5%;
margin: clamp(0.7rem, 2vw, 1.5rem) auto 0;
padding: 0;
}
@@ -24,7 +24,7 @@
/* ######################################################################### */
/* 移动端+平板样式max-width: 1023px- 后续修改仅改这里 */
/* ######################################################################### */
@media (max-width: 1023px) {
@media (max-width: 1024px) {
/* 卡片容器:移动端+平板特有 - 改为wrap换行一行2个高度自适应 */
.product-card-container {
align-items: flex-start; /* 改为flex-start避免拉伸 */
@@ -95,11 +95,12 @@
padding-left: clamp(0.8rem, 2vw, 1.5rem);
padding-right: clamp(0.8rem, 2vw, 1.5rem);
height: auto !important; /* 高度自适应 */
align-items: center;
}
/* 标题样式:移动端+平板特有,高度自适应 */
.product-card-title {
font-size: clamp(0.8rem, 1.3vw, 1.2rem);
font-size: clamp(15px, 1.5vw, 30px);
font-weight: 600;
color: #333;
white-space: nowrap;
@@ -108,11 +109,12 @@
height: auto !important; /* 移除固定高度 */
margin-bottom: clamp(0.2rem, 0.4vw, 0.3rem); /* 添加间距 */
line-height: 1.2;
text-align: center;
}
/* 描述样式:移动端+平板高度自适应 */
.product-card-desc {
font-size: clamp(0.7rem, 1.1vw, 0.9rem);
font-size: clamp(11px, 1.5vw,21px);
color: #656565;
word-break: break-word;
height: auto !important; /* 移除固定高度 */
@@ -121,23 +123,30 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4;
text-align: center;
}
/* 链接图标容器:移动端+平板高度自适应,添加较小的底部内边距 */
.product-card-link {
width: 100%;
display: flex;
align-items: center;
flex: 0 0 auto; /* 改为auto高度自适应 */
padding: clamp(0.5rem, 1vw, 0.8rem); /* 减小上下内边距 */
padding-bottom: clamp(1rem, 3vw, 1.5rem); /* 更小的底部内边距约12px */
padding-left: clamp(0.8rem, 2vw, 1.5rem);
height: auto !important; /* 高度自适应 */
width: 100%;
display: flex;
align-items: center;
justify-content: center; /* 水平居中 */
flex: 0 0 auto;
padding: clamp(0.5rem, 1vw, 0.8rem);
padding-bottom: clamp(1rem, 3vw, 1.5rem);
padding-left: clamp(0.8rem, 2vw, 1.5rem);
height: auto !important;
text-align: center; /* 针对inline元素的居中 */
}
/* 链接图标:移动端+平板特有 */
.product-card-link img {
width: clamp(2.5rem, 5vw, 4.5rem);
width: clamp(5.5rem, 5vw,8.5rem);
height: auto;
object-fit: contain;
}
@@ -154,15 +163,18 @@
/* 平板端字体稍大 */
.product-card-title {
font-size: clamp(1rem, 1.5vw, 1.4rem);
font-size: clamp(15px, 1.5vw, 30px);
text-align: center;
}
.product-card-desc {
font-size: clamp(0.85rem, 1.2vw, 1rem);
font-size: clamp(11px, 1.5vw,21px);
text-align: center;
}
/* 平板端底部内边距稍大但仍较小 */
.product-card-link {
min-width: 90px;
padding-bottom: clamp(1rem, 3vw, 1.5rem);
}
}
@@ -238,9 +250,9 @@
/* 标题样式PC端特有高度自适应 */
.product-card-title {
font-size: clamp(0.8rem, 1.3vw, 1.2rem);
font-size: clamp(15px, 1.5vw, 30px);
font-weight: 600;
color: #333;
color: #101010;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -253,7 +265,7 @@
/* 描述样式PC端高度自适应 */
.product-card-desc {
font-size: clamp(0.7rem, 1.1vw, 0.9rem);
font-size: clamp(11px, 1.5vw,21px);
color: #656565;
word-break: break-word;
height: auto !important; /* 高度自适应 */
@@ -262,6 +274,7 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4;
text-align: center;
}
/* 链接图标容器PC端高度自适应添加较小的底部内边距 */

View File

@@ -5,8 +5,8 @@
.auto-swiper-container {
width: 100%;
/* 关键:高度 = 视口高度的百分比可调整如60vh=屏幕高度60% */
margin-bottom: 5.625rem;
max-height: 900px;
margin-bottom: 5.7rem;
/* max-height: 900px; */
min-height: 300px;
position: relative;
margin-top:60px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@@ -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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
margin-top: 2rem;
width: 90%;
margin-left: 5%;
@@ -75,7 +75,7 @@
width: 80%;
font-size: 0.875rem;
color: #707070;
font-family: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
margin-top: 1.375rem;
margin-left: 10%;
}
@@ -93,7 +93,7 @@
line-height: 2em;
margin-bottom: 2%;
font-weight: 600;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
}
.orico_Page_productxc .productxcMain .culture_vision .swt-Container {
width: 80%;
@@ -138,14 +138,14 @@
color: #101010;
line-height: 2em;
margin-bottom: 2%;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
}
.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: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
}
.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .des,
.orico_Page_productxc .productxcMain .culture_vision .swt-Container .culture_vision_02 .subtitle {

View File

@@ -30,7 +30,7 @@
}
.orico_Page_introduction .introductionMain .iotbpage .iotb_bgw .iotbt1 {
font-size: 32px;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
color: #9e9e9f;
}
.orico_Page_introduction .introductionMain .iotb_part2 {
@@ -78,7 +78,7 @@
}
.orico_Page_introduction .introductionMain .iotb_part2 .iotbt1 {
font-size: 32px;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
padding-bottom: 65px;
padding-top: 88px;
font-weight: 700;

View File

@@ -30,7 +30,7 @@
height: 11.25rem;
line-height: 11.25rem;
font-size: 2rem;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
font-weight: 400;
color: #707070;
}
@@ -71,7 +71,7 @@
height: auto;
position: relative;
background: #f2f2f2;
font-family: Metropolis;
font-family: Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
line-height: 1.625rem;
@@ -220,7 +220,7 @@
margin-left: 65px;
width: 80%;
font-size: 16px;
font-family: Metropolis-Medium, Metropolis;
font-family: Montserrat-Medium, Montserrat;
font-weight: 500;
color: #707070;
line-height: 26px;

View File

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

View File

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

View File

@@ -32,7 +32,7 @@
height: 56px;
line-height: 56px;
margin-top: -28px;
font-family: "Metropolis-Bold";
font-family: "Montserrat-Bold";
}
.orico_Page_download .downloadMain .contact_c {
width: 82%;
@@ -43,7 +43,7 @@
border-radius: 1.5rem;
margin: auto;
display: flex;
font-family: "Metropolis-Medium";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-Bold";
color: #000;
}
.orico_Page_download .downloadMain .contact_c .softlist .softit .sub_title {
font-size: 0.875rem;
margin-top: 0.875rem;
font-family: "Metropolis-Regular";
font-family: "Montserrat-Regular";
color: #9e9e9f;
}
.orico_Page_download .downloadMain .contact_c .softlist .softit .des {
line-height: 20px;
margin-top: 8px;
font-size: 16px;
font-family: "Metropolis-Medium";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Regular";
font-family: "Montserrat-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: "Metropolis-Regular";
font-family: "Montserrat-Regular";
color: #9e9e9f;
display: -webkit-box;
-webkit-box-orient: vertical;

View File

@@ -21,7 +21,7 @@
}
.orico_Page_bussiness .bussinessMain .bd_main .sfbt1 {
font-size: 24px;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
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: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
color: #000000;
font-weight: bold;
padding-bottom: 10px;
@@ -74,7 +74,7 @@
height: 48px;
border: none;
box-shadow: none;
font-family: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
}
.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: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
color: #000;
display: flex;
flex-direction: row;
@@ -119,11 +119,11 @@
background: #f2f2f2;
border: none;
border-radius: 8px;
font-family: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
}
.orico_Page_bussiness .bussinessMain .bd_main .bttj {
font-size: 14px;
font-family: Metropolis-Bold, Metropolis;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
width: 212px;
padding: 15px 15px;

View File

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

View File

@@ -38,7 +38,7 @@
color: #000;
display: block;
width: 100%;
font-family: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-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: "Metropolis-Bold";
font-family: "Montserrat-Bold";
font-size: 0.875rem;
padding-bottom: 0.3125rem;
}
@@ -110,13 +110,13 @@
background: #f2f2f2;
box-shadow: none;
border: none;
font-family: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
}
.orico_Page_contact .contactMain .contact_c .all_contact .question .question_form .list .ittextarea {
height: 100px;
background: #f2f2f2;
border: none;
font-family: Metropolis-Regular, Metropolis;
font-family: Montserrat-Regular, Montserrat;
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: "Metropolis-Bold";
font-family: "Montserrat-Bold";
display: inline-block;
cursor: pointer;
}
@@ -157,7 +157,7 @@
background-color: #fff;
border-radius: 0.75rem;
margin-top: 1.5rem;
font-family: "Metropolis-SemiBold";
font-family: "Montserrat-SemiBold";
}
.orico_Page_contact .contactMain .contact_c .become_dis .text_blue {
color: #004bfa;

View File

@@ -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('opentype'),
src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
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('opentype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), 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('opentype'),
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
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('opentype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
font-weight: normal;
font-style: normal;

View File

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

View File

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