Files
ntonpower/app/index/view/zh-cn/about/test.html
2026-10-14 14:00:29 +08:00

312 lines
7.7 KiB
HTML
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.

{include file='zh-cn/common/header' title='关于我们' keywords='关于我们'
description='关于我们'} {include file='zh-cn/common/nav' }
<!-- breadcrumb-area start -->
<style>
@media screen and (min-width: 1460px) {
.swt-Container {
width: 1620px;
}
}
.swt-Container {
margin-left: auto;
margin-right: auto;
}
.tech {
background-color: white;
}
.tech1 {
padding-bottom: 130px;
}
.tech .title {
height: 180px;
line-height: 180px;
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
text-align: center;
}
.techcon {
height: 350px;
background-color: #f2f2f2;
display: flex;
border-radius: 16px;
margin-top: 20px;
}
.techcon .text img {
margin-top: 80px;
margin-left: 65px;
}
.techcon .tech-img img {
margin-top: 25px;
margin-left: 65px;
width: 720px;
height: 300px;
border-radius: 8px;
}
.techcon .text .context {
margin-left: 65px;
width: 80%;
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
font-weight: 500;
color: #707070;
line-height: 26px;
margin-top: 14px;
}
.techcon > div {
width: 50%;
}
.achive {
height: 460px;
text-align: center;
background-color: white !important;
}
.achive .title,
.timeline .title,
.tech .title {
height: 180px;
line-height: 180px;
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
text-align: center;
}
.timeline{
padding-bottom: 100px;
}
.achive .number {
height: 200px;
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
text-align: center;
display: flex;
}
.achive .number .achive_shuju {
width: 25%;
}
.achive .number .achive_shuju .title1 {
margin-top: 40px;
font-size: 32px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
}
.achive .number .achive_shuju .subtitle1 {
margin-top: 16px;
font-size: 18px;
font-family: Montserrat-Regular, Montserrat;
font-weight: 400;
color: #707070;
}
.timeline {
background: #f2f2f2 !important;
font-family: Montserrat, Montserrat;
}
.timeline1 {
display: flex;
}
.timeline-con {
width: 85%;
height: 665px;
background-color: white;
border-radius: 16px;
}
.timeline-time {
width: 15%;
}
.tech {
background-color: white;
}
.tech1 {
padding-bottom: 130px;
}
.techcon {
height: 350px;
background-color: #f2f2f2;
display: flex;
border-radius: 16px;
margin-top: 20px;
}
.techcon > div {
width: 50%;
}
.techcon .text img {
margin-top: 80px;
margin-left: 65px;
}
.techcon .text .year {
margin-left: 65px;
margin-top: 40px;
font-size: 28px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
line-height: 26px;
}
.techcon .text .context {
margin-left: 65px;
width: 80%;
font-size: 16px;
font-family: Montserrat-Medium, Montserrat;
font-weight: 500;
color: #707070;
line-height: 26px;
margin-top: 14px;
}
.techcon .tech-img img {
margin-top: 25px;
margin-left: 65px;
}
@media screen and (min-width: 1461px) and (max-width: 1720px) {
.techcon {
height: 300px;
background-color: #f2f2f2;
display: flex;
border-radius: 16px;
}
.techcon .text img {
margin-top: 50px;
}
.techcon .tech-img img {
width: 550px;
margin-top: 35px;
margin-left: 65px;
}
}
@media screen and (max-width: 1459px) {
.techcon {
height: 250px;
background-color: #f2f2f2;
display: flex;
border-radius: 16px;
}
.techcon .text img {
margin-top: 40px;
margin-left: 65px;
}
.techcon .text .year {
margin-left: 65px;
margin-top: 20px;
font-size: 22px;
font-family: Montserrat-Bold, Montserrat;
font-weight: bold;
color: #000000;
line-height: 26px;
}
.techcon .text .context {
margin-left: 65px;
width: 80%;
font-size: 12px;
font-family: Montserrat-Medium, Montserrat;
font-weight: 500;
color: #707070;
line-height: 26px;
margin-top: 14px;
}
.techcon .tech-img img {
width: 440px;
margin-top: 25px;
margin-left: 15px;
}
}
</style>
<div class="breadcrumb-area">
<img log="img" src="__LOCAL__assets/images/about-banner.jpg" alt="Product" />
</div>
<!-- breadcrumb-area end --><!-- Service Area Start -->
<div class="service-area product-bg pd-80">
<div class="container">
<div class="row d-flex justify-content-center align-items-center about-bg">
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
<div class="service-left img-none">
<img
log="img"
src="__LOCAL__assets/images/about-img01.jpg"
alt="Product"
/>
</div>
</div>
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
<div class="service-right-content">
<h2 class="title">
品牌简介
<div class="eng-text">Brand Profile</div>
</h2>
<p class="para-1">
牛顿定律(NTONPOWER)是深圳市元创时代科技有限公司旗下的全球化科技品牌,成立于2015年,专注于智能充电领域的技术创新。公司以严谨的科学方法和系统性研究为导向,致力于在消费电子充电领域提供创新的技术解决方案。
</p>
</div>
</div>
</div>
</div>
<div class="container pd-64">
<div class="row d-flex justify-content-center align-items-center about-bg">
<div class="col-lg-5 col-xl-5 col-md-12 col-sm-12 col-xs-12">
<div class="service-right-content">
<h2 class="title">
品牌使命
<div class="eng-text">Brand Interpretation</div>
</h2>
<p class="para-1">
让生活电力十足。Power Up Your Life.<br />
以科学家严谨求真的精神和创新探索的态度,用智能充电科技释放生活的无限可能。<br />
● 安全:智能防护,守护充电瞬间<br />
● 实用:精准设计,满足多元场景 <br />
● 创新:突破技术边界,简化使用体验
</p>
</div>
</div>
<div class="col-lg-7 col-xl-7 col-md-12 col-sm-12 col-xs-12 p-0">
<div class="service-left text-xxl-end">
<img
log="img"
src="__LOCAL__assets/images/about-img02.jpg"
alt="Product"
/>
</div>
</div>
</div>
</div>
<div class="tech Container">
<div class="swt-Container tech1">
<div class="title">品牌活动</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__LOCAL__assets/images/lichengbei.png" />
<div class="context">
<p>旅行便携类 海外TOP 10</p>
</div>
</div>
<div class="tech-img">
<img src="__LOCAL__assets/images/gywm2.jpg" />
</div>
</div>
<div class="techcon swt-Container">
<div class="text">
<img src="__LOCAL__assets/images/lichengbei.png" />
<div class="context">
<p>斩获红点奖、缪斯设计奖</p>
</div>
</div>
<div class="tech-img">
<img src="__LOCAL__assets/images/gywm1.jpg" />
</div>
</div>
</div>
</div>
</div>
{include file='zh-cn/common/footer'} {include file='zh-cn/common/script' }