366 lines
10 KiB
PHTML
Executable File
366 lines
10 KiB
PHTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>元创官网</title>
|
|
{include file='include/head-nas' /}
|
|
<style type="text/css">
|
|
.narshzhbPage {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
background: #fafafa;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner {
|
|
width: 100%;
|
|
height: 35rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #3e3a39;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content {
|
|
min-width: 1200px;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 12.75rem;
|
|
margin-bottom: 4.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .t1 {
|
|
font-size: 1.875rem;
|
|
padding-bottom: 0.8rem;
|
|
line-height: 2.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content h2 {
|
|
font-size: 3.125rem;
|
|
line-height: 3.75rem;
|
|
margin-bottom: 8.6875rem;
|
|
color: #3e3a39;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
grid-row: 11.5rem;
|
|
color: #3e3a39;
|
|
font-size: 1rem;
|
|
line-height: 1.1875rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span {
|
|
margin-right: 11.5rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-banner .narshzhb-banner-content .narshzhb-banner-btct span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo {
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fafafa;
|
|
padding-top: 8.25rem;
|
|
padding-bottom: 8.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main {
|
|
margin: 0 auto;
|
|
width: 75rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top {
|
|
width: 75rem;
|
|
height: auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-bottom: 8.125rem;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .hzcp1 {
|
|
width: 46.875rem;
|
|
height: 22.5rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if {
|
|
height: 22.5rem;
|
|
background: #fafafa;
|
|
font-size: 0.75rem;
|
|
color: #595757;
|
|
/*padding-left: 5.25rem;*/
|
|
padding: 0 2.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if .cttop {
|
|
padding-top: 5.5625rem;
|
|
line-height: 1.5rem;
|
|
padding-bottom: 2rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-topinfo-main .narshzhb-tif-top .narshzhb-if h3 {
|
|
color: #004bfa;
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom {
|
|
margin: 0 auto;
|
|
width: 75rem;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it {
|
|
width: 32.5%;
|
|
height: 23.4rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .ithzcp {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st {
|
|
background: #fff;
|
|
width: 100%;
|
|
height: 9.5rem;
|
|
font-size: 12px;
|
|
color: #595757;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it .st span {
|
|
line-height: 1.5rem;
|
|
margin: 0 2.5rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-topinfo .narshzhb-tif-bottom .narshzhb-tif-it:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys {
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
padding-bottom: 8.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .hzys-title {
|
|
font-size: 30px;
|
|
padding-bottom: 3.5625rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main {
|
|
width: 75rem;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it {
|
|
width: 21.125rem;
|
|
height: 25.8125rem;
|
|
margin-right: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #fff;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .hz-ico1 {
|
|
width: 5rem;
|
|
height: 5rem;
|
|
margin: 3.75rem auto;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .lite-titel {
|
|
font-weight: bold;
|
|
margin: 0 auto;
|
|
font-size: 1.25rem;
|
|
color: #3e3a39;
|
|
line-height: 1.5rem;
|
|
padding-bottom: 1.25rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it .cts {
|
|
margin: 0 2.5rem;
|
|
font-weight: 400;
|
|
font-size: 0.75rem;
|
|
color: #595757;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-hzys .narshzhb-hzys-main .narshzhb-hzys-it:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz {
|
|
width: 75rem;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 12.5rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .hzys-title {
|
|
font-size: 1.875rem;
|
|
color: #3e3a39;
|
|
line-height: 2.25rem;
|
|
padding-bottom: 3.75rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it {
|
|
background: #fff;
|
|
width: 24.4rem;
|
|
height: 18.75rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzico {
|
|
width: 5rem;
|
|
height: 5rem;
|
|
margin-bottom: 2.625rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzewico {
|
|
width: 7.875rem;
|
|
height: 7.875rem;
|
|
margin-bottom: 2.625rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it .qdhzct {
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
color: #595757;
|
|
line-height: 1.5625rem;
|
|
}
|
|
|
|
.narshzhbPage .narshzhb-qdhz .nars-qdhz-part .nars-qdhz-it:last-child {
|
|
margin-right: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!--合作伙伴 -->
|
|
<div class="narshzhbPage">
|
|
{include file='include/top-header-nas' /}
|
|
<!--banner -->
|
|
<div class="narshzhb-banner"
|
|
style="background: url(/uploads/default/nas/cooperation/narshzhbbg.png);background-repeat: no-repeat;background-size: 100% 100%;">
|
|
<div class="narshzhb-banner-content">
|
|
<span class="t1">成为ORICO合作伙伴</span>
|
|
<h2><strong style="color: #004BFA;">NAS</strong>合作伙伴招募</h2>
|
|
<div class="narshzhb-banner-btct">
|
|
<span>广告代理</span>
|
|
<span>抖音销售</span>
|
|
<span>代理经销合作</span>
|
|
<span>ODM合作</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- top 介绍-->
|
|
<div class="narshzhb-topinfo">
|
|
<div class="narshzhb-topinfo-main">
|
|
{if condition="count($data.image_text.banners) > 0"}
|
|
<a class="narshzhb-tif-top" href="{$data.image_text.banners[0]['link']|default='javascript: void(0);'}">
|
|
<img src="{$data.image_text.banners[0]['picture']|getImage}" class="hzcp1" />
|
|
<div class="narshzhb-if">
|
|
<div class="cttop" style="color: {$data.image_text.banners[0]['descolor']|default='#595757'}">{$data.image_text.banners[0]['desc']}</div>
|
|
<h3 style="color: {$data.image_text.banners[0]['alt']|default='#004bfa'}">{$data.image_text.banners[0]['name']}</h3>
|
|
</div>
|
|
</a>
|
|
{/if}
|
|
{if condition="count($data.image_text.banners) > 1"}
|
|
<div class="narshzhb-tif-bottom">
|
|
{volist name='$data.image_text.banners' id='vo' key='key'}
|
|
{if condition="$key > 1"}
|
|
<a class="narshzhb-tif-it" href="{$vo.link|default='javascript:void(0);'}">
|
|
<img src="{$vo.picture|getImage}" class="ithzcp" />
|
|
<div class="st" style="color: {$vo.descolor|default='#595757'}"><span>{$vo.desc}</span></div>
|
|
</a>
|
|
{/if}
|
|
{/volist}
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
<!-- 合作优势-->
|
|
<div class="narshzhb-hzys">
|
|
<h2 class="hzys-title">合作优势</h2>
|
|
<div class="narshzhb-hzys-main">
|
|
{volist name='data.advantage.banners' id='vo'}
|
|
<div class="narshzhb-hzys-it">
|
|
<img src="{$vo.picture|getImage}" class="hz-ico1" />
|
|
<span class="lite-titel" style="color: {$vo.alt|default='#3e3a39'}">{$vo.name}</span>
|
|
<span class="cts" style="color: {$vo.descolor|default='#595757'}">{$vo.desc}</span>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
</div>
|
|
<!--期待与您的合作 -->
|
|
<div class="narshzhb-qdhz">
|
|
<h2 class="hzys-title">期待与您的合作</h2>
|
|
{volist name='data.expectation.banners' id='item' key='k'}
|
|
<div class="nars-qdhz-part">
|
|
{volist name='item' id='vo' key='key'}
|
|
<div class="nars-qdhz-it">
|
|
<img src="{$vo.picture|getImage}" class="{if condition='$k==1'}qdhzico{else/}qdhzewico{/if}" />
|
|
<span class="qdhzct" style="color: {$vo.alt|default='#595757'}">{$vo.name}</span>
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
{/volist}
|
|
</div>
|
|
</div>
|
|
{include file='include/bottom2023' /}
|
|
</body>
|
|
</html>
|