|
|
|
@ -1,105 +1,37 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html lang="en"> |
|
|
|
|
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
|
<meta charset="UTF-8" /> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
|
<title>DESHI-关于我们</title> |
|
|
|
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css"> |
|
|
|
<link rel="stylesheet" href="/static/css/reset.css"> |
|
|
|
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css"> |
|
|
|
<link rel="stylesheet" href="/static/scss/common/footer/footer.css"> |
|
|
|
<link rel="stylesheet" href="/static/scss/about/about.css"> |
|
|
|
<script src="/static/js/jquery.min.js"></script> |
|
|
|
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" /> |
|
|
|
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" /> |
|
|
|
<link |
|
|
|
rel="stylesheet" |
|
|
|
href="__TMPL__/static/scss/common/navBar/nav_bar.css" |
|
|
|
/> |
|
|
|
<link |
|
|
|
rel="stylesheet" |
|
|
|
href="__TMPL__/static/scss/common/footer/footer.css" |
|
|
|
/> |
|
|
|
<link rel="stylesheet" href="__TMPL__/static/scss/about/about.css" /> |
|
|
|
<script src="__TMPL__/static/js/jquery.min.js"></script> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<div class="nav_bar" id="navBar"> |
|
|
|
<div class="nav_bar_content"> |
|
|
|
<div class="nav_bar_left"> |
|
|
|
<div class="logo"> |
|
|
|
<a href="/index.html"> |
|
|
|
<img class="logo_w" src="/static/images/common/logo-w.png" alt=""> |
|
|
|
<img class="logo_b" src="/static/images/common/logo-b.png" alt=""> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_list"> |
|
|
|
<div class="nav_bar_item"> |
|
|
|
<a href="/index.html">首页</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_item"> |
|
|
|
<a href="/about.html#brand">品牌介绍</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_item"> |
|
|
|
<a href="/product.html">产品展示</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_item"> |
|
|
|
<a href="/news.html">新闻资讯</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_item"> |
|
|
|
<a href="/contact.html">联系我们</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_right"> |
|
|
|
<div class="nav_bar_search" :class="{active:inputState}"> |
|
|
|
<input type="text" v-model="searchValue" @keyup.enter="searchEnter"> |
|
|
|
<div class="search_icon" @click="changeInputState"> |
|
|
|
<img src="/static/images/common/icon-search.png" alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_content_mobile"> |
|
|
|
<div class="nav_bar_left"> |
|
|
|
<div class="logo"> |
|
|
|
<a href="/index.html"> |
|
|
|
<img class="logo_w" src="/static/images/common/logo-w.png" alt=""> |
|
|
|
<img class="logo_b" src="/static/images/common/logo-b.png" alt=""> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_right"> |
|
|
|
<span></span> |
|
|
|
<span></span> |
|
|
|
<span></span> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_main"> |
|
|
|
<div class="nav_bar_mobile_mask"></div> |
|
|
|
<div class="nav_bar_mobile_content"> |
|
|
|
<div class="nav_bar_mobile_list"> |
|
|
|
<div class="nav_bar_mobile_item"> |
|
|
|
<a href="/index.html">首页</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_item"> |
|
|
|
<a href="/about.html#brand">品牌介绍</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_item"> |
|
|
|
<a href="/product.html">产品展示</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_item"> |
|
|
|
<a href="/news.html">新闻资讯</a> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_item"> |
|
|
|
<a href="/contact.html">联系我们</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="nav_bar_mobile_search" :class="{active:inputState}"> |
|
|
|
<input type="text" v-model="searchValue" @keyup.13="mobileSearch"> |
|
|
|
<div class="search_icon" @click="mobileSearch"> |
|
|
|
<img src="/static/images/common/icon-search.png" alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{include file="header"} |
|
|
|
<div class="about"> |
|
|
|
<div class="banner" style="background-image:url('/static/images/about/banner.jpg')"> |
|
|
|
<div |
|
|
|
class="banner" |
|
|
|
style=" |
|
|
|
background-image: url('{$current_cate['banner']['url']|default=''}'); |
|
|
|
" |
|
|
|
> |
|
|
|
<div class="banner_content"> |
|
|
|
<p class="banner_title">关于我们</p> |
|
|
|
<p class="banner_remark">您的位置： |
|
|
|
<p class="banner_remark"> |
|
|
|
您的位置： |
|
|
|
<a href="/index.html">首页</a> |
|
|
|
<a href="javascript:;">品牌介绍</a> |
|
|
|
</p> |
|
|
|
@ -108,58 +40,20 @@ |
|
|
|
<div class="navigation_seize"></div> |
|
|
|
<div class="navigation"> |
|
|
|
<div class="navigation_content"> |
|
|
|
<div class="navigation_item active" data-href="brand"> |
|
|
|
<a href="javascript:;">品牌介绍</a> |
|
|
|
{hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"} {if |
|
|
|
condition="$nav.id == 2"} {volist name="nav.children" id="vo" } |
|
|
|
<div class="navigation_item"> |
|
|
|
<a href="{$vo['href']}">{$vo['title']}</a> |
|
|
|
</div> |
|
|
|
<div class="navigation_item" data-href="history"> |
|
|
|
<a href="javascript:;">发展历程</a> |
|
|
|
{/volist} {/if} {/hcTaglib:nav} |
|
|
|
</div> |
|
|
|
<div class="navigation_item" data-href="honor"> |
|
|
|
<a href="javascript:;">资质荣誉</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="brand" id="brand"> |
|
|
|
<div class="brand_content"> |
|
|
|
<div class="brand_left"> |
|
|
|
<p class="brand_title">品牌介绍</p> |
|
|
|
<p class="brand_remark"> |
|
|
|
得事家电品牌正式进入中国，基于对中国市场的深刻洞察和准确定位，得事家电品牌在中国完成了全产业链布局，严格而先进的全球统一标准，贯穿了研发、采购、生产、销售直至售后服务全部家电产业生态系统的所有环节，为该品牌提供支持的投资公司、产品研发中心、原材料采购中心、销售公司、服务公司等机构遍布全国各地。 |
|
|
|
</p> |
|
|
|
<div class="brand_list"> |
|
|
|
<div class="brand_item"> |
|
|
|
<div class="brand_item_content"> |
|
|
|
<p class="brand_num">10<span>+</span></p> |
|
|
|
<p class="brand_num_title">行业经验</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="brand_item"> |
|
|
|
<div class="brand_item_content"> |
|
|
|
<p class="brand_num">3000<span>+</span></p> |
|
|
|
<p class="brand_num_title">服务客服</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="brand_item"> |
|
|
|
<div class="brand_item_content"> |
|
|
|
<p class="brand_num">200<span>+</span></p> |
|
|
|
<p class="brand_num_title">产品种类</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="brand_item"> |
|
|
|
<div class="brand_item_content"> |
|
|
|
<p class="brand_num">60<span>+</span></p> |
|
|
|
<p class="brand_num_title">技术团队</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{hcTaglib:contentdetail id="16" name="hc_content" } |
|
|
|
{$hc_content['content']|raw} {/hcTaglib:contentdetail} |
|
|
|
<div class="brand_right"> |
|
|
|
<img src="/static/images/about/brand.jpg" alt=""> |
|
|
|
<img src="__TMPL__/static/images/about/brand.jpg" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -214,16 +108,21 @@ |
|
|
|
<div class="swiper-wrapper"> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -231,16 +130,21 @@ |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -248,16 +152,21 @@ |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -265,16 +174,21 @@ |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -282,16 +196,21 @@ |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -299,16 +218,21 @@ |
|
|
|
</div> |
|
|
|
<div class="swiper-slide"> |
|
|
|
<div class="history_pic"> |
|
|
|
<img src="/static/images/about/history.jpg" alt=""> |
|
|
|
<img |
|
|
|
src="__TMPL__/static/images/about/history.jpg" |
|
|
|
alt="" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="history_introduce"> |
|
|
|
<div class="history_list"> |
|
|
|
<div class="history_item"> |
|
|
|
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
<p> |
|
|
|
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="history_item"> |
|
|
|
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
<p> |
|
|
|
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。 |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -324,120 +248,30 @@ |
|
|
|
<p>荣誉资质</p> |
|
|
|
</div> |
|
|
|
<div class="honor_content"> |
|
|
|
{hcTaglib:contentdetail id="15" name="hc_content" item="nav"} {volist |
|
|
|
name="hc_content.main_content.intro_img" id="vo" } |
|
|
|
<div class="honor_item"> |
|
|
|
<div class="honor_pic"> |
|
|
|
<img src="/static/images/about/honor-1.jpg" alt=""> |
|
|
|
<img src="{$vo.url}" alt="" /> |
|
|
|
</div> |
|
|
|
<p class="honor_remark">ISO9001质量管理体系认证</p> |
|
|
|
</div> |
|
|
|
<div class="honor_item"> |
|
|
|
<div class="honor_pic"> |
|
|
|
<img src="/static/images/about/honor-2.jpg" alt=""> |
|
|
|
</div> |
|
|
|
<p class="honor_remark">ISO9001质量管理体系认证</p> |
|
|
|
</div> |
|
|
|
<div class="honor_item"> |
|
|
|
<div class="honor_pic"> |
|
|
|
<img src="/static/images/about/honor-3.jpg" alt=""> |
|
|
|
</div> |
|
|
|
<p class="honor_remark">ISO9001质量管理体系认证</p> |
|
|
|
</div> |
|
|
|
<div class="honor_item"> |
|
|
|
<div class="honor_pic"> |
|
|
|
<img src="/static/images/about/honor-4.jpg" alt=""> |
|
|
|
</div> |
|
|
|
<p class="honor_remark">ISO9001质量管理体系认证</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
|
|
<div class="footer_content"> |
|
|
|
<div class="footer_main"> |
|
|
|
<div class="footer_left"> |
|
|
|
<a href="/index.html" class="footer_logo"> |
|
|
|
<img src="/static/images/common/logo-w.png" alt=""> |
|
|
|
</a> |
|
|
|
<div class="footer_contact"> |
|
|
|
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a> |
|
|
|
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a> |
|
|
|
<a class="phone" href="tel:021-58956622">电话：021-58956622</a> |
|
|
|
</div> |
|
|
|
<div class="footer_qrcode"> |
|
|
|
<img src="/static/images/common/qr-code.jpg" alt=""> |
|
|
|
<p>扫码关注我们</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_middle"> |
|
|
|
<div class="footer_list"> |
|
|
|
<div class="footer_item"> |
|
|
|
<div class="footer_item_title"> |
|
|
|
<p>品牌介绍</p> |
|
|
|
</div> |
|
|
|
<div class="footer_items"> |
|
|
|
<a href="/about.html#brand">品牌介绍</a> |
|
|
|
<a href="/about.html#history">发展历程</a> |
|
|
|
<a href="/about.html#honor">资质荣誉</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_item"> |
|
|
|
<div class="footer_item_title"> |
|
|
|
<p>产品展示</p> |
|
|
|
</div> |
|
|
|
<div class="footer_items"> |
|
|
|
<a href="/product.html">高端浴缸</a> |
|
|
|
<a href="/product.html">龙头组合</a> |
|
|
|
<a href="/product.html">老式混水阀</a> |
|
|
|
<a href="/product.html">面盆龙头</a> |
|
|
|
<a href="/product.html">菜盆龙头</a> |
|
|
|
<a href="/product.html">明装恒温阀</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_item"> |
|
|
|
<div class="footer_item_title"> |
|
|
|
<p>新闻中心</p> |
|
|
|
</div> |
|
|
|
<div class="footer_items"> |
|
|
|
<a href="/news.html">公司新闻</a> |
|
|
|
<a href="/news.html">行业新闻</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_item"> |
|
|
|
<div class="footer_item_title"> |
|
|
|
<p>联系我们</p> |
|
|
|
</div> |
|
|
|
<div class="footer_items"> |
|
|
|
<a href="/contact.html#contact">联系方式</a> |
|
|
|
<a href="/contact.html#message">在线留言</a> |
|
|
|
<a href="/contact.html#join">人才招聘</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_right"> |
|
|
|
<img src="/static/images/common/qr-code.jpg" alt=""> |
|
|
|
<p>扫码关注我们</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer_copyright"> |
|
|
|
<div class="copyright_left"> |
|
|
|
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p> |
|
|
|
</div> |
|
|
|
<div class="copyright_right"> |
|
|
|
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p> |
|
|
|
</div> |
|
|
|
{/volist} {/hcTaglib:contentdetail} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{include file="footer"} |
|
|
|
</body> |
|
|
|
<script type="text/javascript" src="https://unpkg.com/vue"></script> |
|
|
|
<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script> |
|
|
|
<script type="text/javascript" src="/static/js/public.js"></script> |
|
|
|
<script type="text/javascript" src="/static/js/wow.min.js"></script> |
|
|
|
<script |
|
|
|
type="text/javascript" |
|
|
|
src="__TMPL__/static/js/swiper-bundle.min.js" |
|
|
|
></script> |
|
|
|
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script> |
|
|
|
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script> |
|
|
|
<script> |
|
|
|
$(function () { |
|
|
|
/* 各板块距离顶部距离 */ |
|
|
|
var plateTop = []; |
|
|
|
var plateTop = [] |
|
|
|
/* 发展历程(导航)-swiper */ |
|
|
|
var historyNavigationSwiper = new Swiper('.swiper-history-navigation', { |
|
|
|
direction: 'horizontal', // 垂直切换选项 |
|
|
|
@ -445,7 +279,7 @@ |
|
|
|
grabCursor: true, |
|
|
|
breakpoints: { |
|
|
|
100: { |
|
|
|
slidesPerView: 2, |
|
|
|
slidesPerView: 2 |
|
|
|
}, |
|
|
|
800: { |
|
|
|
slidesPerView: 4 |
|
|
|
@ -455,29 +289,27 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
navigation: { |
|
|
|
nextEl: ".swiper-button-next-history", |
|
|
|
prevEl: ".swiper-button-prev-history", |
|
|
|
nextEl: '.swiper-button-next-history', |
|
|
|
prevEl: '.swiper-button-prev-history' |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
}) |
|
|
|
/* 发展历程-swiper */ |
|
|
|
var historySwiper = new Swiper('.swiper-history', { |
|
|
|
direction: 'horizontal', // 垂直切换选项 |
|
|
|
loop: false, // 循环模式选项 |
|
|
|
grabCursor: true, |
|
|
|
thumbs: { |
|
|
|
swiper: historyNavigationSwiper, |
|
|
|
}, |
|
|
|
|
|
|
|
}); |
|
|
|
swiper: historyNavigationSwiper |
|
|
|
} |
|
|
|
}) |
|
|
|
$(window).scroll(function () { |
|
|
|
navigationInit() |
|
|
|
navigationScroll() |
|
|
|
}); |
|
|
|
}) |
|
|
|
/* 导航栏浮顶初始化 */ |
|
|
|
function navigationInit() { |
|
|
|
var pageWidth = $(window).width(); |
|
|
|
var pageHeight = $(window).height(); |
|
|
|
var pageWidth = $(window).width() |
|
|
|
var pageHeight = $(window).height() |
|
|
|
var height = $('.navigation').height() |
|
|
|
$('.navigation_seize').height(height) |
|
|
|
if (pageWidth > 800) { |
|
|
|
@ -486,7 +318,7 @@ |
|
|
|
$('.navigation_seize').show() |
|
|
|
} else { |
|
|
|
$('.navigation').removeClass('fixed') |
|
|
|
$('.navigation_seize').hide(); |
|
|
|
$('.navigation_seize').hide() |
|
|
|
} |
|
|
|
} else { |
|
|
|
if ($(document).scrollTop() > pageHeight - 80) { |
|
|
|
@ -494,46 +326,56 @@ |
|
|
|
$('.navigation_seize').show() |
|
|
|
} else { |
|
|
|
$('.navigation').removeClass('fixed') |
|
|
|
$('.navigation_seize').hide(); |
|
|
|
$('.navigation_seize').hide() |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}; |
|
|
|
navigationInit(); |
|
|
|
} |
|
|
|
navigationInit() |
|
|
|
/* 导航栏点解，页面滚动到相应位置 */ |
|
|
|
$('.navigation_item').click(function () { |
|
|
|
let id = $(this).data('href') |
|
|
|
$('html,body').animate({ |
|
|
|
$('html,body').animate( |
|
|
|
{ |
|
|
|
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height() |
|
|
|
}, 500); |
|
|
|
}); |
|
|
|
}, |
|
|
|
500 |
|
|
|
) |
|
|
|
}) |
|
|
|
/* 获取链接hash，页面刷新初始化滚动条位置 */ |
|
|
|
function hrefInit() { |
|
|
|
let href = location.hash.replaceAll('#', '') |
|
|
|
for (let i = 0; i < $('.navigation_item').length; i++) { |
|
|
|
let hrefName = $($('.navigation_item').get(i)).data('href') |
|
|
|
plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height()) |
|
|
|
plateTop.push( |
|
|
|
$(`#${hrefName}`).offset().top - 80 - $('.navigation').height() |
|
|
|
) |
|
|
|
if ($('.navigation_item').get(i).dataset.href == href) { |
|
|
|
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active') |
|
|
|
$('html,body').animate({ |
|
|
|
scrollTop: $(`#${href}`).offset().top - 80 - $('.navigation').height() |
|
|
|
}, 500); |
|
|
|
|
|
|
|
$($('.navigation_item').get(i)) |
|
|
|
.addClass('active') |
|
|
|
.siblings() |
|
|
|
.removeClass('active') |
|
|
|
$('html,body').animate( |
|
|
|
{ |
|
|
|
scrollTop: |
|
|
|
$(`#${href}`).offset().top - 80 - $('.navigation').height() |
|
|
|
}, |
|
|
|
500 |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
hrefInit(); |
|
|
|
hrefInit() |
|
|
|
/* 页面滚动给导航栏添加样式 */ |
|
|
|
function navigationScroll() { |
|
|
|
for (let i = 0; i < plateTop.length; i++) { |
|
|
|
if ($(document).scrollTop() >= plateTop[i] - 5) { |
|
|
|
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active') |
|
|
|
$($('.navigation_item').get(i)) |
|
|
|
.addClass('active') |
|
|
|
.siblings() |
|
|
|
.removeClass('active') |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
</script> |
|
|
|
|
|
|
|
</html> |
unknown
1 year ago