0107
|
|
@ -0,0 +1,998 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-cmn-Hans">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="author" content="板凳儿也疯狂,342694918@qq.com" />
|
||||
<meta name="description" content="北京宇音天下科技有限公司" />
|
||||
<meta name="keywords" content="北京宇音天下科技有限公司" />
|
||||
<meta name="applicable-device" content="pc,mobile" />
|
||||
<meta name="MobileOptimized" content="width" />
|
||||
<meta name="HandheldFriendly" content="true" />
|
||||
<meta name="robots" content="noarchive"/>
|
||||
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||||
<meta name="theme-color" content="#1a73e9">
|
||||
<meta name="google" value="notranslate">
|
||||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||||
<title>关于我们-新闻中心-北京宇音天下科技有限公司</title>
|
||||
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
|
||||
<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<body id="top">
|
||||
<!-- 头部导航 -->
|
||||
<header class="header index-header w100">
|
||||
<div class="head w1300">
|
||||
<!-- logo -->
|
||||
<div class="logo">
|
||||
<img src="imgs/logo.png" alt="北京宇音天下科技有限公司">
|
||||
</div>
|
||||
<!-- 导航 -->
|
||||
<ul class="nav">
|
||||
<!-- 导航logo -->
|
||||
<div class="nav-logo wap-show"><img src="imgs/logo.png" alt="北京宇音天下科技有限公司"></div>
|
||||
<li><a href="index.html">网站首页</a></li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">语音合成</a>
|
||||
<div class="sub-nav">
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">高端语音合成芯片</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/compose6988.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN6988 中英文语音合成芯片</p>
|
||||
<span>SYN6988 中英文语音合成芯片</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/compose6658.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN6658 中英文语音合成芯片</p>
|
||||
<span>SYN6658 中英文语音合成芯片</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/compose8086.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN8086 中英文语音合成芯片</p>
|
||||
<span>SYN8086 中英文语音合成芯片</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">中端语音合成芯片</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/compose6288E.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN6288E 语音合成芯片 </p>
|
||||
<span>SYN6288E 语音合成芯片 </span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/compose6188.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN6188 语音合成芯片</p>
|
||||
<span>SYN6188 语音合成芯片</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">语音合成拓展</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/expand01.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>emTTS 离线语音合成软件</p>
|
||||
<span>emTTS 离线语音合成软件</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/expand02.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>个性化语音合成</p>
|
||||
<span>个性化语音合成</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/expand03.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音魔镜</p>
|
||||
<span>语音魔镜</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">语音识别</a>
|
||||
<div class="sub-nav">
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">语音合成拓展</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/discern01.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN7318 语音识别模块</p>
|
||||
<span>SYN7318 语音识别模块</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/discern02.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>SYN8312 语音识别 WIFI 模块</p>
|
||||
<span>SYN8312 语音识别 WIFI 模块</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">语音识别软件</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/discern03.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>emASR 语音识别软件</p>
|
||||
<span>emASR 语音识别软件</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">解决方案</a>
|
||||
<div class="sub-nav">
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">语音识别软件</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case01.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音数码音箱</p>
|
||||
<span>语音数码音箱</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case02.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音智能台灯</p>
|
||||
<span>语音智能台灯</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case03.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音电子日历</p>
|
||||
<span>语音电子日历</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case04.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音宗教机</p>
|
||||
<span>语音宗教机</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case05.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音智能门铃</p>
|
||||
<span>语音智能门铃</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case06.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音智能门锁</p>
|
||||
<span>语音智能门锁</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case07.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音迎宾器</p>
|
||||
<span>语音迎宾器</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/case08.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音智能马桶</p>
|
||||
<span>语音智能马桶</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">数据产品</a>
|
||||
<div class="sub-nav">
|
||||
<div class="sub-nav-list">
|
||||
<div class="sub-nav-tiile">数据产品</div>
|
||||
<dl>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/product-01.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音合成</p>
|
||||
<span>语音合成</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/product-02.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>语音识别</p>
|
||||
<span>语音识别</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
<dt>
|
||||
<a href="product.html">
|
||||
<div class="sub-nav-img">
|
||||
<img src="imgs/icon/product-03.png" alt="">
|
||||
</div>
|
||||
<div class="sub-nav-txt">
|
||||
<p>文本数据</p>
|
||||
<span>文本数据</span>
|
||||
</div>
|
||||
</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="news.html">新闻中心</a></li>
|
||||
<li class="active"><a href="about.html">关于我们</a></li>
|
||||
</ul>
|
||||
<!-- 电话 -->
|
||||
<div class="phone">
|
||||
<img src="imgs/icon/phone.png" alt="电话">
|
||||
<strong>010-62986600</strong>
|
||||
</div>
|
||||
<!-- 导航按钮 -->
|
||||
<div class="nav-bg"></div>
|
||||
<div class="head-btn wap-show">
|
||||
<i class="bar-top"></i>
|
||||
<i class="bar-cen"></i>
|
||||
<i class="bar-bom"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 轮播图 -->
|
||||
<div class="pull-banner w100">
|
||||
<img src="imgs/banner/banner-about.jpg" alt="关于我们">
|
||||
<div class="pull-sub-nav w1160">
|
||||
<ul class="sub-nav-item about-nav-item">
|
||||
<li class="active">
|
||||
<div class="nav-img">
|
||||
<img src="imgs/icon/icon-about-01.png" alt="公司简介">
|
||||
<img src="imgs/icon/icon-about01.png" alt="公司简介">
|
||||
</div>
|
||||
<p>公司简介</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="nav-img">
|
||||
<img src="imgs/icon/icon-about-02.png" alt="公司荣誉">
|
||||
<img src="imgs/icon/icon-about02.png" alt="公司荣誉">
|
||||
</div>
|
||||
<p>公司荣誉</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="nav-img">
|
||||
<img src="imgs/icon/icon-about-03.png" alt="联系我们">
|
||||
<img src="imgs/icon/icon-about03.png" alt="联系我们">
|
||||
</div>
|
||||
<p>联系我们</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="nav-img">
|
||||
<img src="imgs/icon/icon-about-04.png" alt="加入我们">
|
||||
<img src="imgs/icon/icon-about04.png" alt="加入我们">
|
||||
</div>
|
||||
<p>加入我们</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 主体内容 -->
|
||||
<div class="contnet about-content-bg w100" >
|
||||
<!-- 公司简介 -->
|
||||
<div class="about-content">
|
||||
<div class="synopsis w1160">
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>公司简介</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span class="about-span">智能语音，服务幸福人生</span>
|
||||
</div>
|
||||
<div class="about">
|
||||
<span>北京宇音天下科技有限公司是一家致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权。公司自 2009 年成立以来，先后推出 5 代语音合成芯片，累积服务客户 1234 家，芯片销售总量约 9000000 颗。</span>
|
||||
<ul class="about-item">
|
||||
<li>
|
||||
<strong>2009</strong>
|
||||
<p>公司2009年成立</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong>5</strong>
|
||||
<p>推出5代芯片</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong>2000</strong>
|
||||
<p>服务客户2000多家</p>
|
||||
</li>
|
||||
<li>
|
||||
<strong>9000000</strong>
|
||||
<p>芯片累计销售约9百万颗</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="culture-bg">
|
||||
<div class="culture w1160">
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>企业文化</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span class="about-span">踏实 务实 创新 进取</span>
|
||||
</div>
|
||||
<ul class="culture-item">
|
||||
<li>
|
||||
<div class="culture-img">
|
||||
<img src="imgs/culture-01.jpg" alt="踏实">
|
||||
</div>
|
||||
<div class="culture-txt">
|
||||
<h3 class="clips1">踏实</h3>
|
||||
<ins></ins>
|
||||
<p class="clips2">
|
||||
诚恳、守信、有序<br />
规范专心做好每件事
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="culture-img">
|
||||
<img src="imgs/culture-02.jpg" alt="务实">
|
||||
</div>
|
||||
<div class="culture-txt">
|
||||
<h3 class="clips1">务实</h3>
|
||||
<ins></ins>
|
||||
<p class="clips2">
|
||||
用实时、办实事、求实效<br />
|
||||
充实高效每一天
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="culture-img">
|
||||
<img src="imgs/culture-03.jpg" alt="创新">
|
||||
</div>
|
||||
<div class="culture-txt">
|
||||
<h3 class="clips1">创新</h3>
|
||||
<ins></ins>
|
||||
<p class="clips2">
|
||||
技术、应用、产品、组织<br />
|
||||
让人类社会更文明
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="culture-img">
|
||||
<img src="imgs/culture-04.jpg" alt="进取">
|
||||
</div>
|
||||
<div class="culture-txt">
|
||||
<h3 class="clips1">进取</h3>
|
||||
<ins></ins>
|
||||
<p class="clips2">
|
||||
自省、进步、激情、超越<br />
|
||||
让人生更美好
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="history w1160">
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>发展历程</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span class="about-span">语音天下 辉煌人生</span>
|
||||
</div>
|
||||
<div class="history-top"></div>
|
||||
<ul class="history-item">
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2021
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2020
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2019
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2018
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2017
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2016
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2015
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="history-time">
|
||||
2014
|
||||
</div>
|
||||
<div class="history-txt clips2">
|
||||
致力于智能语音信号处理技术研发、并在智能人机交互领域实现产业化的国家级高新技术企业，并取得多个专利和软件著作权
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="history-bottom"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 公司荣誉 -->
|
||||
<div class="honor-content">
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>公司荣誉</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span class="about-span">HONOR</span>
|
||||
</div>
|
||||
<div class="honor-list w1160">
|
||||
<ul class="honor-item-01">
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor01.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor01.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="honor-item-02">
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="honor-img"><img src="imgs/honor02.jpg" alt=""></div>
|
||||
<div class="honor-txt">
|
||||
<p class="clips1">信息系统安全等级保护</p>
|
||||
<span class="clips1">2020年公安部颁发的安全等级保护备案证明</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 联系我们 -->
|
||||
<div class="contact-content w100">
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>联系我们</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span class="about-span">CONTACT US</span>
|
||||
</div>
|
||||
<ul class="contact w1160">
|
||||
<li>
|
||||
<div class="contact-txt">
|
||||
<span>北京 | 总部</span>
|
||||
<p class="clips2">
|
||||
电话：010-62986600<br />
|
||||
地址：北京市海淀区信息路 30 号上地大厦
|
||||
</p>
|
||||
</div>
|
||||
<div class="contactMap" id="addressMap01"></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-txt">
|
||||
<span>深圳 | 分部</span>
|
||||
<p class="clips2">
|
||||
电话：0755-22197482 <br />
|
||||
地址：深圳市罗湖区解放路名仕阁 A 栋
|
||||
</p>
|
||||
</div>
|
||||
<div class="contactMap" id="addressMap02"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="pull-title">
|
||||
<h2>
|
||||
<em></em>
|
||||
<p>投资公司</p>
|
||||
<em></em>
|
||||
</h2>
|
||||
<span>investment company</span>
|
||||
</div>
|
||||
<ul class="company w1160">
|
||||
<li>
|
||||
<div class="company-txt">
|
||||
<span>深圳声联网科技有限公司</span>
|
||||
<p class="clips2">
|
||||
电话：0755-84871693<br />
|
||||
地址：深圳市龙岗区星河领创天下二期
|
||||
</p>
|
||||
</div>
|
||||
<div class="companyMap" id="companyMap01"></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="company-txt">
|
||||
<span>雷达公司</span>
|
||||
<p class="clips2">
|
||||
电话：0755-84871693<br />
|
||||
地址：深圳市龙岗区星河领创天下二期
|
||||
</p>
|
||||
</div>
|
||||
<div class="companyMap" id="companyMap02"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script src="./js/bdmap.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
ShowMap("addressMap01",{
|
||||
city:'北京市',
|
||||
addr:'北京市海淀区信息路30号上地大厦',
|
||||
title:'北京宇音天下科技有限公司',
|
||||
lawfirm:'北京宇音天下科技有限公司',
|
||||
tel:'010-62986600',
|
||||
mapx:'',
|
||||
ismove:'0',
|
||||
piobj:'nxp',
|
||||
zoom:17
|
||||
});
|
||||
ShowMap("addressMap02",{
|
||||
city:'深圳市',
|
||||
addr:'深圳市罗湖区解放路名仕阁 A 栋',
|
||||
title:'北京宇音天下科技有限公司',
|
||||
lawfirm:'北京宇音天下科技有限公司',
|
||||
tel:'0755-22197482',
|
||||
mapx:'',
|
||||
ismove:'0',
|
||||
piobj:'nxp',
|
||||
zoom:17
|
||||
});
|
||||
ShowMap("companyMap01",{
|
||||
city:'深圳市',
|
||||
addr:'深圳市龙岗区星河领创天下二期',
|
||||
title:'深圳声联网科技有限公司',
|
||||
lawfirm:'深圳声联网科技有限公司',
|
||||
tel:'0755-84871693',
|
||||
mapx:'',
|
||||
ismove:'0',
|
||||
piobj:'nxp',
|
||||
zoom:17
|
||||
});
|
||||
ShowMap("companyMap02",{
|
||||
city:'深圳市',
|
||||
addr:'深圳市龙岗区星河领创天下二期',
|
||||
title:'雷达公司',
|
||||
lawfirm:'雷达公司',
|
||||
tel:'0755-84871693',
|
||||
mapx:'',
|
||||
ismove:'0',
|
||||
piobj:'nxp',
|
||||
zoom:17
|
||||
});
|
||||
</script>
|
||||
<!-- 加入我们 -->
|
||||
<div class="join-content">
|
||||
<div class="join w1160">
|
||||
<ul class="join-item">
|
||||
<li class="active">
|
||||
社会招聘
|
||||
</li>
|
||||
<li>
|
||||
校园招聘
|
||||
</li>
|
||||
</ul>
|
||||
<div class="join-list-all">
|
||||
<ul class="join-class">
|
||||
<li class="cur">
|
||||
<span class="active">全部</span>
|
||||
<span>技术</span>
|
||||
<span>产品</span>
|
||||
<span>市场</span>
|
||||
<span>销售</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="active">全部</span>
|
||||
<span>技术</span>
|
||||
<span>产品</span>
|
||||
<span>市场</span>
|
||||
<span>销售</span>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="join-list">
|
||||
<li class="cur">
|
||||
<div class="join-txt">
|
||||
<a href="join-detail.html">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="join-txt">
|
||||
<a href="join-detail.html">
|
||||
<div class="join-title"><h2 class="clips1">高级语音研发工程师</h2><span>2021.12.25</span></div>
|
||||
<p class="clips1">负责语音识别、语音合成相关技术工程化落地</p>
|
||||
<div class="join-other clips1">中关村东升科技园 | 1人 | 邮箱：hr002@data-baker.com</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
2
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 底部部分 -->
|
||||
<footer>
|
||||
<div class="footer w1160">
|
||||
<ul class="foot-nav">
|
||||
<li>
|
||||
<dl>
|
||||
<dd>语音合成</dd>
|
||||
<dt>
|
||||
<a href="">高端语音合成芯片</a>
<a href="">中端语音合成芯片</a>
<a href="">语音合成拓展</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>语音识别</dd>
|
||||
<dt>
|
||||
<a href="">语音识别模块</a>
|
||||
<a href="">语音识别软件</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>解决方案</dd>
|
||||
<dt>
|
||||
<a href="">语音数码音箱</a>
<a href="">语音智能台灯</a>
<a href="">语音电子日历</a>
<a href="">语音宗教机</a>
<a href="">语音智能门铃</a>
<a href="">语音智能门锁</a>
<a href="">语音迎宾器</a>
<a href="">语音智能马桶</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>数据产品</dd>
|
||||
<dt>
|
||||
<a href="">语音合成</a>
|
||||
<a href="">语音识别</a>
|
||||
<a href="">文本数据</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>新闻中心</dd>
|
||||
<dt>
|
||||
<a href="">公司新闻</a>
|
||||
<a href="">行业新闻</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>关于我们</dd>
|
||||
<dt>
|
||||
<a href="">公司简介</a>
|
||||
<a href="">公司荣誉</a>
|
||||
<a href="">联系我们</a>
|
||||
<a href="">加入我们</a>
|
||||
</dt>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dd>北京宇音天下科技有限公司</dd>
|
||||
<dt>电话：<strong>010-62986600</strong></dt>
|
||||
<dt>邮箱：010-62986600@qq.com</<dt>
|
||||
<dt>地址：成都市武侯区人民南路三段经江西路</dt>
|
||||
<div class="foot-ewm">
|
||||
<div>
|
||||
<span><img src="imgs/ewm.png" alt="二维码"></span>
|
||||
<p>微信公众号</p>
|
||||
</div>
|
||||
<div>
|
||||
<span><img src="imgs/ewm.png" alt="二维码"></span>
|
||||
<p>微信公众号</p>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="links">
|
||||
<span>友情链接</span>
|
||||
<p>
|
||||
<a href="">百度智能云</a>
|
||||
<a href="">百度开发者中心</a>
|
||||
<a href="">百度移动开放平台</a>
|
||||
<a href="">百度VR官网</a>
|
||||
<a href="">百度技术学院</a>
|
||||
<a href="">百度智能云</a>
|
||||
<a href="">百度开发者中心</a>
|
||||
<a href="">百度移动开放平台</a>
|
||||
<a href="">百度VR官网</a>
|
||||
<a href="">百度技术学院</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="foot">
|
||||
<p>Copyright © 2021 北京宇音天下科技有限公司. All Rights Reserved.<a href="">蜀ICP备20004588</a> 技术支持：大向天成</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 侧边咨询 -->
|
||||
<div class="side-nav">
|
||||
<ul class="side-nav-item">
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<img src="imgs/icon/side-nav01.png" alt="微信咨询">
|
||||
<p>微信咨询</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<img src="imgs/icon/side-nav02.png" alt="QQ咨询">
|
||||
<p>QQ咨询</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<img src="imgs/icon/side-nav03.png" alt="电话咨询">
|
||||
<p>电话咨询</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow">
|
||||
<img src="imgs/icon/side-nav04.png" alt="投诉建议">
|
||||
<p>投诉建议</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript:void(0);" rel="nofollow" id="toTop">
|
||||
<img src="imgs/icon/side-nav05.png" alt="回到顶部">
|
||||
<p>回到顶部</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,536 @@
|
|||
/* -moz-:代表firefox(火狐)浏览器私有属性
|
||||
-ms-:代表ie浏览器私有前缀
|
||||
-webkit-:代表safari、chrome私有属性
|
||||
-o-:代表Opera私有属性
|
||||
*/
|
||||
/* 清空所有标签的内外边距 */
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
/* css3盒子模型 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
/* 抗锯齿性-让文字显示的更加清晰 */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
background-color: #FFFFFF;
|
||||
font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
color: #262626;
|
||||
}
|
||||
/* em 和 i 斜体的文字不倾斜 */
|
||||
em,
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* 去掉li 的小圆点 */
|
||||
ul,
|
||||
ol,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
/* 当我们鼠标经过button按钮的时候，鼠标变成小手 */
|
||||
cursor: pointer;
|
||||
}
|
||||
img {
|
||||
/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
|
||||
border: 0;
|
||||
/* 取消图片底侧有空白缝隙的问题 ① */
|
||||
vertical-align: middle;
|
||||
/* 取消图片底侧有空白缝隙的问题 ② */
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
/* 去掉a标签的下划线，并修改字体颜色 */
|
||||
a {
|
||||
color: #262626;
|
||||
text-decoration: none;
|
||||
/* 手机端去除a标签点击时的背景样式 */
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* 去除边距 */
|
||||
display: block;
|
||||
}
|
||||
/* a:hover {
|
||||
color: #c81623;
|
||||
} */
|
||||
/* 禁用长按时弹出的菜单 */
|
||||
img , a {
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
button,
|
||||
input,
|
||||
textarea{
|
||||
/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
|
||||
font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
|
||||
/* 取消轮廓 */
|
||||
outline: none;
|
||||
/* 去掉默认外观 */
|
||||
/* -webkit-appearance: none; */
|
||||
/* 去掉点击时的默认外观 */
|
||||
outline-style: none;
|
||||
}
|
||||
textarea {
|
||||
/* 禁止自定义拉伸 */
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.hide,
|
||||
.none {
|
||||
display: none
|
||||
}
|
||||
/* 清楚浮动 */
|
||||
.clearfix:after {
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
display: block;
|
||||
content: ".";
|
||||
height: 0
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1
|
||||
}
|
||||
|
||||
.logo h1 a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.w100{ width: 100%; margin: auto;}
|
||||
.w1160{ width: 1160px; margin: auto;}
|
||||
|
||||
.clips1{
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.clips2{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
.clips3{display: -webkit-box;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
.clips4{display: -webkit-box;-webkit-line-clamp: 4;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
.clips5{display: -webkit-box;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
.clips6{display: -webkit-box;-webkit-line-clamp: 6;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
.clips7{display: -webkit-box;-webkit-line-clamp: 7;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
|
||||
|
||||
|
||||
/* 头部 */
|
||||
.header{
|
||||
height: 62px;
|
||||
background-color: #FFFFFF;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
.head{
|
||||
width: 75%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.head .logo{
|
||||
width: 190px;
|
||||
}
|
||||
.head .logo img{
|
||||
height: 37px;
|
||||
}
|
||||
.head .nav{
|
||||
width: calc(100% - 350px);
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.head .nav li{
|
||||
margin-left: 48px;
|
||||
font-size: 15px;
|
||||
height: 62px;
|
||||
position: relative;
|
||||
}
|
||||
.head .nav li>a{
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
line-height: 62px;
|
||||
color: #101010;
|
||||
transition: all .6s;
|
||||
}
|
||||
.head .nav li.active>a,
|
||||
.head .nav li:hover>a{
|
||||
color: #1a73e9;
|
||||
transition: all .6s;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.head .nav li .sub-nav{
|
||||
height: 0;
|
||||
background-color: #FFFFFF;
|
||||
position: absolute;
|
||||
left: -112px;
|
||||
top: 62px;
|
||||
z-index: 9;
|
||||
transition: all .4s;
|
||||
overflow: hidden;
|
||||
}
|
||||
.head .nav li:hover .sub-nav{
|
||||
display: flex;
|
||||
height: auto;
|
||||
padding: 25px 20px;
|
||||
border-top: 2px solid #1a73e9;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
.sub-nav .sub-nav-list{
|
||||
width: 300px;
|
||||
border-left: 1px solid #d9d9d9;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.sub-nav .sub-nav-list .sub-nav-tiile{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 2;
|
||||
}
|
||||
.sub-nav .sub-nav-list dl>dt{
|
||||
margin: 14px 0;
|
||||
}
|
||||
.sub-nav .sub-nav-list dl>dt a{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.sub-nav-img{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
}
|
||||
.sub-nav-img img{
|
||||
max-width: 90%;
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
.sub-nav-txt{
|
||||
|
||||
}
|
||||
|
||||
.sub-nav-txt p{
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.sub-nav-txt span{
|
||||
font-size: 12px;
|
||||
line-height: 1.1;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.head .phone{
|
||||
width: 160px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.head .phone img{
|
||||
height: 25px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.head .phone strong{
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
|
||||
.head .head-btn{ display: none; width: 24px; float: right; position: relative; cursor: pointer; margin-top: 5px;}
|
||||
.head .head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #262626; border-radius: 50px;
|
||||
transition: all .5s ease 0s;
|
||||
-webkit-transition: all .5s ease 0s;
|
||||
-moz-transition: all .5s ease 0s;
|
||||
}
|
||||
.head .head-btn i.bar-top{ margin-top: 0;}
|
||||
.head .head-btn i.bar-cen{ margin-top: 5px;}
|
||||
.head .head-btn i.bar-bom{ margin-top: 5px;}
|
||||
.head .head-btn.cur i{background-color: #FFFFFF;}
|
||||
.head .head-btn.cur i.bar-cen{ opacity: 0;}
|
||||
.head .head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
|
||||
.head .head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}
|
||||
|
||||
/* 底部部分 */
|
||||
footer{
|
||||
width: 100%;
|
||||
padding: 50px 0 20px;
|
||||
background-image: url(../imgs/footer-bg.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
/* 尾部导航 */
|
||||
.foot-nav{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.foot-nav li{
|
||||
width: 13%;
|
||||
}
|
||||
.foot-nav li:first-child{
|
||||
width: 15%;
|
||||
}
|
||||
.foot-nav li dl>dd{
|
||||
font-size: 16px;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.foot-nav li dl>dt{
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
line-height: 2.2;
|
||||
}
|
||||
.foot-nav li dl>dt a{
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
line-height: 2.2;
|
||||
}
|
||||
.foot-nav li dl>dt strong{
|
||||
color: #1a73e8;
|
||||
font-size: 18px;
|
||||
}
|
||||
.foot-ewm{
|
||||
display: flex;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.foot-ewm>div{
|
||||
width: 114px;
|
||||
margin-right: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.foot-ewm>div span{
|
||||
display: block;
|
||||
height: 114px;
|
||||
padding: 10px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.foot-ewm>div img{
|
||||
width: 94px;
|
||||
height: 94px;
|
||||
}
|
||||
|
||||
.foot-ewm p{
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
color: #FFFFFF;
|
||||
opacity: .4;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
|
||||
/* 联系方式 */
|
||||
.foot-nav li:last-child{
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
/* 友情链接 */
|
||||
.links{
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #29323f;
|
||||
}
|
||||
.links>span{
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.links>p a{
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
padding: 0 8px;
|
||||
border-left: 2px solid #FFFFFF;
|
||||
color: #FFFFFF;
|
||||
opacity: .4;
|
||||
|
||||
}
|
||||
.links>p a:first-child{
|
||||
border: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* 版权备案 */
|
||||
.foot{
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
color: #FFFFFF;
|
||||
opacity: .2;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.foot a{
|
||||
display: inline-block;
|
||||
color: #FFFFFF;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
/* 侧边咨询 */
|
||||
.side-nav{
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
right: 14px;
|
||||
transform: translateY(-50%);
|
||||
z-index: 999;
|
||||
}
|
||||
.side-nav-item li{
|
||||
width: 74px;
|
||||
height: 74px;
|
||||
box-shadow: 0 0 21px 5px rgba(198,198,198,0.1);
|
||||
padding-top: 13px;
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.side-nav-item li img{
|
||||
display: block;
|
||||
height: 24px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.side-nav-item li p{
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
|
||||
.side-window{
|
||||
display: none;
|
||||
width: 146px;
|
||||
padding-bottom: 10px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 84px;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.window-title{
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid #ededed;
|
||||
padding: 0 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.side-window span{
|
||||
display: block;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
margin: 14px auto 10px;
|
||||
}
|
||||
.side-window span img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.side-window p{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
font-size: 15px;
|
||||
line-height: 26px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
.side-window p>img{
|
||||
height: 26px;
|
||||
margin: 0 9px 0 0;
|
||||
}
|
||||
.side-window p>.email{
|
||||
height: 17px;
|
||||
}
|
||||
.side-window .tel{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
line-height: 26px;
|
||||
padding: 16px 0 8px;
|
||||
}
|
||||
|
||||
.side-nav-item li:hover .side-window{
|
||||
display: block;
|
||||
transition: all .6s;
|
||||
}
|
||||
.side-nav-item li:hover{
|
||||
background-color: #1A73E8;
|
||||
transition: all .6s;
|
||||
}
|
||||
.side-nav-item li:hover>a p{
|
||||
color: #FFFFFF;
|
||||
transition: all .6s;
|
||||
}
|
||||
.side-nav-item li:hover>a img{
|
||||
-webkit-filter: grayscale(100%) brightness(1000%);
|
||||
-moz-filter: grayscale(100%) brightness(1000%);
|
||||
-ms-filter: grayscale(100%) brightness(1000%);
|
||||
-o-filter: grayscale(100%) brightness(1000%);
|
||||
filter: grayscale(100%) brightness(1000%);
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
||||
/* 公共列表样式 */
|
||||
.pull-img{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
padding: 11px;
|
||||
background-color: #e8f1f9;
|
||||
border-radius: 100%;
|
||||
margin: 0 12px 12px 0;
|
||||
}
|
||||
.pull-img>span{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 74px;
|
||||
height: 74px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.pull-img>span img{
|
||||
margin: 0 auto;
|
||||
}
|
||||
.pull-txt h3{
|
||||
font-size: 20px;
|
||||
line-height: 2;
|
||||
transition: all .6s;
|
||||
}
|
||||
.pull-txt ins{
|
||||
display: block;
|
||||
width: 34px;
|
||||
height: 2px;
|
||||
background-color: #1a73e8;
|
||||
margin: 5px 0 13px;
|
||||
transition: all .6s;
|
||||
}
|
||||
.pull-txt p{
|
||||
font-size: 14px;
|
||||
color: #636363;
|
||||
line-height: 1.8;
|
||||
}
|
||||
/* 公共hover效果 */
|
||||
li:hover .pull-img>span{
|
||||
background-color: #1A73E9;
|
||||
transition: all .6s;
|
||||
}
|
||||
li:hover .pull-img img{
|
||||
-webkit-filter: grayscale(100%) brightness(1000%);
|
||||
-moz-filter: grayscale(100%) brightness(1000%);
|
||||
-ms-filter: grayscale(100%) brightness(1000%);
|
||||
-o-filter: grayscale(100%) brightness(1000%);
|
||||
filter: grayscale(100%) brightness(1000%);
|
||||
transition: all .6s;
|
||||
}
|
||||
li:hover .pull-txt h3{
|
||||
color: #1A73E9;
|
||||
transition: all .6s;
|
||||
}
|
||||
li:hover .pull-txt ins{
|
||||
background-color: #f6ab00;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 310 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 750 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 754 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |