Files
orico-official-website-old/app/index/view/group/stripe.phtml
2024-10-29 14:04:59 +08:00

299 lines
15 KiB
PHTML
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>条纹系列_ORICO/奥睿科官网</title>
<meta name="Keywords" content="条纹系列产品,条纹系列移动电源,条纹系列硬盘盒" />
<meta name="Description" content="条纹系列产品,条纹移动电源与移动硬盘盒高品质,高颜值,高辨识度,给你自信,共你前行。" />
{include file="include/head" /}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/subject/stripe.css">
<body>
<!--top-->
<header class="header-PC header-Index">
<div id="header" class="theme-white">
{include file="include/top" /}
{include file="include/top-header" /}
</div>
</header>
<!--top End-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/banner.jpg">
<div class="position-a banner text-c">
<div class="swt-Container f-White">
<div class="banner_text">
<div class="font-60 f_weight_400">点亮生活<br>把平凡变成序章</div>
<div class="font-24 margin-t-10vw banner_subtitle f_weight_400">玩转条纹 引爆焦点</div>
<div class="font-18 margin-t-10vw">高品质,高颜值,高辨识度,给你自信,共你前行</div>
</div>
</div>
</div>
</div>
<!--条纹系列移动电源-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_01.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-black text-l margin-t-90">
<div class="stripe_right margin-t-10vw">
<p class="font-30">条纹系列移动电源</p>
<p class="font-60 padding-t-5vw">手机后盾 出行无忧</p>
<p class="margin-t-50 f_gray font-18">做你真正说走就走的“行李箱”。</p>
<p class="f_gray margin-t-15vw font-18">高颜值,大容量,充电快,户外活动必不可少,出差,乘车,停电应急,给足您手机满电的安全感。外壳铺满质感条纹,不仅元素百搭,而且防滑抗摔,持久耐用,随时随地为手机平板等设备提供能源,让您出行无后顾之忧。</p>
<p class="f_gray font-18 margin-t-15vw">我们匠心独运,只为您充电无忧,一路坦途。</p>
<!-- <p><a href="/product/detail/494.html"><span class="stripe_button font-30 margin-t-66">了解更多</span></a></p> -->
</div>
</div>
</div>
</div>
<!--第三屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c">
<div class="font-60">条纹系列移动电源</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">查看所有条纹移动电源></span></div>
<div class="subject_four_list margin-t-90">
<ul>
<li class="solid_strip">
<a href="/product/detail/848.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_01.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">10000mAh萤火虫系列快充宝</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-K10000</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=564324743677&skuId=3990591423223" target="_blank">天猫购买</a>
<a href="https://item.jd.com/54700571454.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/849.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_02.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">20000mAh萤火虫系列快充宝</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-K20000</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=564324743677&skuId=3990591423227" target="_blank">天猫购买</a>
<a href="https://item.jd.com/54700571456.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/5109.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_03.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">20000mAh双口输出快充宝</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-K20S</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=584178569065&skuId=4151509660043" target="_blank">天猫购买</a>
<a href="https://item.jd.com/55020888323.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/1038.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_04.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">3200mAh迷你口红应急快充</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO SL1</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=599298613293&skuId=4184266357709" target="_blank">天猫购买</a>
<a href="https://item.jd.com/53296315670.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<a href="/product/detail/483.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_05.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">10000mAh双口超薄移动电源</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-K10S</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=584178569065&skuId=4152041778891" target="_blank">天猫购买</a>
<a href="https://item.jd.com/44198586686.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<a href="/product/detail/491.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_06.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">10000mAh旅行箱移动电源</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-TM10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=586813899133" target="_blank">天猫购买</a>
<a href="https://item.jd.com/41476765341.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<a href="/product/detail/493.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_07.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">10000mAh旅行箱移动电源</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-TR10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=586531593832" target="_blank">天猫购买</a>
<a href="https://item.jd.com/41480364047.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip margin-t-50">
<a href="/product/detail/494.html"><img src="__PUBLIC__/web/images/stripe/stripe_two_08.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-24">20000mAh旅行箱移动电源</p>
<p class="padding-t-8vw f-l-gray font-20">ORICO FIREFLY-TR20</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=586531593832&skuId=4154704183542" target="_blank">天猫购买</a>
<a href="https://item.jd.com/41480364048.html" target="_blank">京东购买</a>
</div>
</div> -->
</div>
</li>
</ul>
</div>
</div>
</div>
<!--条纹系列硬盘盒-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_04.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-White text-l margin-t-90">
<div class="stripe_right margin-t-10vw">
<p class="font-30">条纹系列硬盘盒</p>
<p class="font-60 padding-t-5vw">起承转盒 接盘负责</p>
<p class="margin-t-50 f_gray font-18">条纹系列硬盘盒别具特色,高速传输之外带给您的是推陈出新的条纹外表,居家与办公中都彰显品位,夺人眼球。</p>
<p class="f_gray margin-t-15vw font-18">为硬盘盒嵌入生动的条纹使其更加耐磨抗震防摔防碰鱼鳍状条纹设计更具有增大导热面积快速散热的功能全面防护为你的硬盘365天保驾护航。</p>
<p class="f_gray font-18 margin-t-15vw">从此刻到每一刻,为你的硬盘负责到底。</p>
<!-- <a href="/product/detail/904.html">
<p><span class="stripe_button font-30 margin-t-66">了解更多</span></p> </a> -->
</div>
</div>
</div>
</div>
<!--第五屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c margin-t-20vw">
<div class="font-60">条纹系列硬盘盒</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">查看所有条纹硬盘盒></span></div>
<div class="subject_two_list margin-t-90">
<ul>
<li class="solid_strip">
<a href="/product/detail/904.html"><img src="__PUBLIC__/web/images/stripe/stripe_three_01.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-50 font-36 padding-t-8vw">支持2TB 外置转Type-C硬盘盒</p>
<p class="margin-t-10vw f-l-gray font-30">ORICO TCM2-C3</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=591421618477&skuId=4153216585279" target="_blank">天猫购买</a>
<a href="https://item.jd.com/100004877630.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/904.html"><img src="__PUBLIC__/web/images/stripe/stripe_three_02.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-50 font-36 padding-t-8vw">2.5英寸 USB3.0移动硬盘盒</p>
<p class="margin-t-10vw f-l-gray font-30">ORICO TCM2-C3</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=591421618477&skuId=4153216585277" target="_blank">天猫购买</a>
<a href="https://item.jd.com/100004877702.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<!--条纹充电系列-->
<div class="img-responsive position-r f_weight_100">
<img src="__PUBLIC__/web/images/stripe/stripe_06.jpg">
<div class="position-a position-a-w">
<div class="swt-Container f-black text-l margin-t-90">
<div class="stripe_left margin-t-10vw">
<p class="font-30">条纹充电系列</p>
<p class="font-60 padding-t-5vw">特立独行 首当其充</p>
<p class="margin-t-50 f_gray font-18">我们打破电子产品千篇一律的平坦外表,为产品设计出独特的凹凸纹理,将时尚实用的条纹元素镌刻进不同产品。</p>
<p class="f_gray margin-t-15vw font-18">条纹充电系列不但拥有亮眼外表,生动质感,而且快速散热,彰显个性,更有多种造型可选,随心搭配,掌握时尚风向。</p>
<p class="f_gray font-18 margin-t-15vw">充电也要气场满满,独身也似千军万马。</p>
<!-- <p><a href="/product/detail/832.html" target="_blank"><span class="stripe_button font-30 margin-t-66">了解更多</span> </a></p> -->
</div>
</div>
</div>
</div>
<!--第七屏-->
<div class="img-responsive f_weight_100 stripe_product_bg">
<div class="swt-Container f-black text-c margin-t-20vw">
<div class="font-60">条纹充电系列</div>
<div class="font-30 margin-t-15vw"><span class="stripe_subtitle">查看所有条纹充电系列></span></div>
<div class="subject_three_list margin-t-90">
<ul>
<li class="solid_strip">
<a href="/product/detail/663.html"><img src="__PUBLIC__/web/images/stripe/stripe_five_01.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-28">2.1A旅行箱系列快充数据线</p>
<p class="margin-t-10vw f-l-gray font-22">ORICO KTL2-10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=583141826747"target="_blank">天猫购买</a>
<a href="https://item.jd.com/41020348750.html"target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/662.html"><img src="__PUBLIC__/web/images/stripe/stripe_five_02.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-28">2.1A旅行箱系列快充数据线</p>
<p class="margin-t-10vw f-l-gray font-22">ORICO KTL1-10</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=583141826747"target="_blank">天猫购买</a>
<a href="https://item.jd.com/41020348750.html"target="_blank">京东购买</a>
</div>
</div> -->
</li>
<li class="solid_strip">
<a href="/product/detail/832.html"><img src="__PUBLIC__/web/images/stripe/stripe_five_03.jpg"></a>
<div class="position-a position-a-w text-c">
<p class="margin-t-20vw padding-t-5vw font-28">双口2.4A 智能三色快充充电器</p>
<p class="margin-t-10vw f-l-gray font-22">ORICO WHB-2U</p>
</div>
<!-- <div class="subject_Popup_buy">
<div class="subject_Popup_button stripe">
<a href="https://detail.tmall.com/item.htm?id=576817465138" target="_blank">天猫购买</a>
<a href="https://item.jd.com/10962217056.html" target="_blank">京东购买</a>
</div>
</div> -->
</li>
</ul>
</div>
</div>
</div>
<div class="text-c f-black font-48">
<p class="margin-t-50 margin-b-30vw f_weight_100">更多产品 敬请期待</p>
</div>
<!-- bottom s -->
{include file="include/bottom" /}
<!-- bottom e -->
</body>
</html>